Written by Case Study: Page Too Long
I have one friend who was facing this issue.
Exact Issue:Whatever be the contents on the blog, the page displayed (the main index page) was too long. The visitor will need to scroll down a lot to view the footer.
Possible Cause:
One possible cause may be that he was displaying a large number of posts on his main page. This can be changed from the below mentioned steps:
1) Login to the wordpress admin panel.
2) Go to Settings à Reading.
3) You will find this field: Blog pages show at most.
4) Enter the value of posts that you want to show on the main page.(say 5 or 10).
5) Click on “Save Changes”.
However, upon checking, client had already done this. He was showing only three posts on the main page. Still the page was too long. The rest of the page was showing blank space!!!
Further checking, I found one thing in his style sheet:
#sidebar{
float:left;
width:220px;
overflow:hidden;
color:#397aca;
padding:20px 0 700px 0px;
border:0px red solid;
}It was the padding on #sidebar {padding: 20px 0 700px 0;} CSS shortcuts parameters are specified in clockwise order (top right bottom left). There was 700px bottom padding on the sidebar.
Changing the padding from 700px to 0px solved his issue.
Popularity: 3%
