Ask your WordPress questions! Pay money and get answers fast! (more info)

Set minimum page height WordPress

  • SOLVED

I'm using Steve Lambert's WPFolio theme and I need help setting a minimum page height for all of the posts/pages. I don't know much about code but I'm pretty good at following directions.

My website is www.wyattburns.com

Thanks!

Answers (12)

2012-07-24

Manoj Raj answers:

cross browser min-height will be as follows

#content {
min-height: 500px;
height:auto !important;
height: 500px;
}


moclov555 comments:

This worked great! Thanks!

2012-07-24

Dbranes answers:

you could try

#content{min-height:1000px;}

or whatever pixel height you need


Dbranes comments:

in your style.css file


Dbranes comments:

The file is

http://wyattburns.com/wp-content/themes/wpfolio/style.css

and replace

#content{
font-weight: normal;
text-align: left;
line-height: 1.4em;
font-size: 12px;
clear: both;
padding: 0;
margin: 0 30px;
max-width: auto;
max-height: auto;
}


with

#content{
font-weight: normal;
text-align: left;
line-height: 1.4em;
font-size: 12px;
clear: both;
padding: 0;
margin: 0 30px;
max-width: auto;
max-height: 1000px;
}


i.e. you change auto with 1000px (or whatever height you need)


Dbranes comments:

ps: you can open your style.css file from your Wordpress backend under <em>Apperance > Editor</em>


Dbranes comments:

ups I meant of course to change to

#content{
font-weight: normal;
text-align: left;
line-height: 1.4em;
font-size: 12px;
clear: both;
padding: 0;
margin: 0 30px;
max-width: auto;
<strong>min-height: 1000px;</strong>
}


;-)

2012-07-24

Martin Pham answers:

open style.css line 35 , add into #content

min-height: 600px;


you can custom value

2012-07-24

Michael Caputo answers:

Try adding this to your css:


html, body {height: 100%;}
.container {min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -60px; /* the bottom margin is the negative value of the footer's height */}
.footer,.push {height: 60px; /* .push must be the same height as .footer */}


You will also need to put the footer div under the container div, and add a
<div class="push"></div>
div to the container div, before it closes.

2012-07-24

floy answers:

Open the CSS file and add

min-height: 600px; (Or whatever value you like to it, could even be a percentage)

to the #content CSS selector.

eg;

#content {
min-height: 600px;
}

2012-07-24

Hai Bui answers:

Try adding this to #content in style.css, line 35:

min-height: 400px;

You can change the number to what you want.

2012-07-24

Yoyo Sunaryo answers:

add this to style.css

#content {height:auto; min-height:600px;}

2012-07-25

sokusfloy answers:

Chinese traditional costumes fall in love with dance during th - $64.50 :

2012-07-25

udiscountmlb answers:

2012 Bridal headdress pearl diamond crown of hair accessories br - $12.00 :

2012-07-25

drewdelm answers:

Selvaggio fenice ricamata del nuovo colore del vento successo na - &euro;28.38 :

2012-07-26

Pali Madra answers:

Mocloy,

I will make it easier for you (I hope you know how to ftp to your server).

FTP to your server and navigate to

ftp://wyattburns.com/wp-content/themes/wpfolio/

there would be style.css file there. Replace the file with the file attached. You are done.

Let me know if any help is needed.

Cheers

2012-07-27

aburnamanperry answers:

Ă„hnliche Artikel :