Jump to content


Photo
- - - - -

Controlling the spacing for heading (H4)

Heading H1 H2 H3 H4 H5

  • Please log in to reply
3 replies to this topic

#1 loiborg

loiborg

    Advanced Member

  • Members
  • 39 posts
  • Country: Country Flag

Posted 16 January 2013 - 05:11 PM

Hi there.

 

On my website I have a page with my resume (CV). With the use of the span feature (span 3 to be exact) I'm listing a bunch of stuff in bullet points. As I have some boxes sections further down on the page I want the heading to match that. I found that using H4 gives the same size heading. Now unfortunately there's an awful lot of whitespace between the heading and the div/span (see image below). I've tried manipulating both the bottom margin, spacing and line-height of H4 as well as .row and .div in custom CSS. None of it worked. Therefore my question is:

 

How do I reduce the space between the <H4>-tag and the span itself.

 

Please Login or Register to see this Hidden Content

 

zuqtly.png



#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 16 January 2013 - 07:40 PM

You can reduce the <h4> spacing reducing its padding with Custom CSS (added to PageLines > Site Options > Custom Code > LESS/CSS). For example:

 

 

Please Login or Register to see this Hidden Content



#3 loiborg

loiborg

    Advanced Member

  • Members
  • 39 posts
  • Country: Country Flag

Posted 16 January 2013 - 08:18 PM

Hi Catrina,

 

Thanks for the quick reply. I have tried doing that but it didn't help. It seems like it might be linked with either the div or row tag.

 

This is a crop of what it looks like now. The padding code didn't really do anything other than what the code I already had in the LESS/CSS-field

 

This is the code on the page itself:

Please Login or Register to see this Hidden Content

 

 

Image of how it looks:

11l6bk5.png

 

CSS/LESS Rules:

Please Login or Register to see this Hidden Content



#4 James B

James B

    Advocate

  • Moderators
  • 4985 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 17 January 2013 - 02:07 AM

Hi there, you have a class in the span3 called icons which has the below attached to it. Edit the first figure to move up the text, 0.5em looked right in firebug -

Please Login or Register to see this Hidden Content

 

Please Login or Register to see this Hidden Content







Also tagged with one or more of these keywords: Heading, H1, H2, H3, H4, H5