Adding space between bullets in a list

• 

  louisebrandspice · Member · Mar 7, 2017 at 4:07 am

  • Copy link
  • Add topic to favorites

  I would like to make a couple of adjustments with the bulleted list CSS (I’m using the Corporate theme);
  a) I’d like more space added between the bullet itself and the words that come after it (horizontally); and
  b) how can I add paragraph spacing/padding between the bullet points in the list (vertical spacing) between each one?

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

• 

  thesacredpath · Member · Mar 7, 2017 at 7:05 am

  • Copy link

  Hi there,

  a) I’d like more space added between the bullet itself and the words that come after it (horizontally)
  b) how can I add paragraph spacing/padding between the bullet points in the list (vertical spacing) between each one?

  You can add some padding to the left of the li element with this and some bottom margin to add space between the bullet lines.

  li {
  	padding-left: 20px;
  	margin-bottom: 20px;
  }

  You can adjust my 20px sample values as desired.

• 

  louisebrandspice · Member · Mar 7, 2017 at 8:34 am

  • Copy link

  Hi there – thanks very much for answering my 4 questions – extremely helpful!!! Much appreciated.

• 

  thesacredpath · Member · Mar 7, 2017 at 4:24 pm

  • Copy link

  You are welcome.