• 0
Sign in to follow this  
Followers 0

Too much white space between headings and content

Question

Posted · Report post

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 :-)

Share this post


Link to post
Share on other sites

3 answers to this question

  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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: [i].hentry-pad, .post-meta { padding-bottom: 0px; } .hentry-pad, .entry_wrap { padding-top: }[/i] (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: [i].post-meta { padding-bottom: 0px; }[/i] This did not alter anything, so I took a stab at: [i].fpost .entry_content { padding-top: 0px; }[/i] Still no luck! What am I doing wrong?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi Sami, Add this to your custom CSS and it should resolve the problem. [code].post-meta { margin-bottom: .6em !important; }[/code]

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0