3 replies to this topic

[sami]

On the home page (where the blog excerpts appear) - the space between the blog title area and the first line of its content is quite good. However, after clicking on the link to read the entire article, you can see the space between the title area and first line of content has increased. This larger gap is also prevalent on the static page.

The only thing I can remember doing was adding the following CSS to the customization plug-in (in order to change the font size and line height of text on pages and posts):
fpost .post-excerpt, .fpost .entry_content {
font-size: 0.9em;
line-height: 1.6em;
}

I am using Pagelines Framework and have attempted to analyse the problem using Firebug for FireFox. Am just going round and round in circles now. If anyone out there can help me out that would be great! Thanks in advance :-)

[catrina]

You can manipulate the spacing using padding: www.w3schools.com/css/css_padding.asp

[sami]

Many thanks for the link :-) With the info from it in mind, I attempted to formulate some new CSS but nothing seemed to fix the problem. I am possibly looking at the wrong elements? Or formulating the code incorrectly? Anyhow, this is what I tried:
.hentry-pad, .post-meta {
padding-bottom: 0px;
}
.hentry-pad, .entry_wrap {
padding-top:
}
(This removed the gap between the last line of text in the posts/static page and the grey line separating it from the share icons and Leave a Reply Section.) I didn't want this, so I deleted the code and instead tried:
.post-meta {
padding-bottom: 0px;
}
This did not alter anything, so I took a stab at:
.fpost .entry_content {
padding-top: 0px;
}
Still no luck! What am I doing wrong?

[Danny]

Hi Sami,

Add this to your custom CSS and it should resolve the problem.

Please Login or Register to see this Hidden Content