Oxygen theme – changing format to bullet lists

• 

  ricettecuore · Member · Mar 6, 2013 at 1:18 pm

  • Copy link
  • Add topic to favorites

  I would like to change the space before and after the bullet list.
  In fact, as you can see in
  http://ricettedelcuore.com/2013/03/01/polpo-con-patate/
  Thre is to much space BEFORE and AFTER the bullet list.

  What should i change?

  Thank you.

  The blog I need help with is: (visible only to logged in users)

• 

  designsimply · Member · Mar 6, 2013 at 7:46 pm

  • Copy link

  Try adjusting the line height for list elements. Here is an example you can add to your Appearance → Custom Design → CSS editor:

  ul li, ol li {
  	line-height: 1.2em;
  }

• 

  ricettecuore · Member · Mar 6, 2013 at 10:03 pm

  • Copy link

  This changes the line height of each list element. Instead i would like to reduce the line hight before and after the list elements.
  If you look now, there is a huge space, but i have no blank lines in my html.

  Thanks.

• 

  designsimply · Member · Mar 6, 2013 at 10:27 pm

  • Copy link

  The space below each list is coming from a bottom margin set on the list. You can use this to reduce it to one line (or set it to zero if you’d like):

  ul {
  	margin-bottom: 1em;
  }

  The space above each list is coming from a large bottom margin for the previous paragraph. The following CSS will reduce it (note that this will affect any HTML on the site using the “p” tag that doesn’t have another, more specific CSS rule affecting it):

  p {
  	margin-bottom: 1em;
  }

• 

  ricettecuore · Member · Mar 7, 2013 at 12:15 pm

  • Copy link

  It’s exactly what i was looking for!

  Thank you!
  :-)