Jump to content


Photo
- - - - -

How can I reduce spacing after paragraphs


Best Answer Danny , 07 November 2013 - 10:48 AM

Hi,

 

Are you referring to here? - http://d.pr/i/xhJm

If so, then we have included a number of utility classes, two of which remove margins on the top and bottom of elements.

So for the <p> tag that contains the following text:

 

Hill Country University Center welcomes all who wish to continue your education. Whether you are…

Replace the text with this:

 

 
<p class="zmb">Hill Country University Center welcomes all who wish to continue your education. Whether you are…</p>

 

Then replace your <ul> tag with the following:

 

 <ul class="zmt">

 

The zmt and zmb are acronyms of zero margin top and zero margin bottom. You can find more information about these classes and others here - http://docs.pageline...l-css-utilities

 

The end result will look like this:

 

http://docs.pageline...l-css-utilities

If you simply want to reduce the space, then use the following:

 

 #site p {
margin: .5em 0;
}

 

Replace .5em with whatever value you like.

Go to the full post


  • Please log in to reply
3 replies to this topic

#1 cskitchens

cskitchens

    Member

  • Members
  • 10 posts
  • Framework Version:2.4
  • Country: Country Flag

Posted 07 November 2013 - 12:42 AM

How can I reduce the amount of space  (leading) after a paragraph? I have a bullet list after a paragraph and the white space is too large.

 

Using Pagelines framework.

 

Here's the url:

Please Login or Register to see this Hidden Content



#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 17966 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 07 November 2013 - 10:48 AM   Best Answer

Hi,

 

Are you referring to here? - 

Please Login or Register to see this Hidden Content



If so, then we have included a number of utility classes, two of which remove margins on the top and bottom of elements.

So for the <p> tag that contains the following text:

 

Hill Country University Center welcomes all who wish to continue your education. Whether you are…

Replace the text with this:

 

Please Login or Register to see this Hidden Content

 

Then replace your <ul> tag with the following:

 

Please Login or Register to see this Hidden Content

 

The zmt and zmb are acronyms of zero margin top and zero margin bottom. You can find more information about these classes and others here - 

Please Login or Register to see this Hidden Content

 

The end result will look like this:

 

Please Login or Register to see this Hidden Content



If you simply want to reduce the space, then use the following:

 

Please Login or Register to see this Hidden Content

 

Replace .5em with whatever value you like.



#3 cskitchens

cskitchens

    Member

  • Members
  • 10 posts
  • Framework Version:2.4
  • Country: Country Flag

Posted 07 November 2013 - 12:46 PM

Thank you so much! Your support is appreciated.



#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 17966 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 07 November 2013 - 01:01 PM

No problem.