3 replies to this topic

[loiborg]

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

 

[catrina]

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

[loiborg]

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:

 

CSS/LESS Rules:

Please Login or Register to see this Hidden Content

[James B]

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