indenting bullets farther right than numbered lists

• 

  mrlibbysclassroom · Member · Aug 2, 2013 at 6:53 pm

  • Copy link
  • Add topic to favorites

  I am using a combination of numbered and bulleted lists on one page. I want the bulleted lists to be indented farther right than the numbered lists, but this is not happening. How do I get the bullets to indent farther right than the numbered lists?

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

• 

  kathrynwp · Staff · Aug 2, 2013 at 8:08 pm

  • Copy link

  Hi there – if you could provide a link to the page – even if it’s still a draft – I’d be glad to help with the necessary CSS code. Thanks!

• 

  mrlibbysclassroom · Member · Aug 2, 2013 at 8:36 pm

  • Copy link

  Sure, thank you! Go to mrlibbyswebsite.com and click on “Math 4/5 Blog”. There, you will see some math curriculum written out in red and blue ink. I want to bulleted items to indent much farther to the right — farther than the numbered items — like what happens in Word. Thank you for your time.

• 

  kathrynwp · Staff · Aug 2, 2013 at 9:39 pm

  • Copy link

  Hi there – you can try adding this code under Appearance > Custom Design. Click the CSS tab and add this completely below the existing green comments:

  .page-id-1745 .entry ul {
       margin-left: 60px !important;
  }

  You can change the number 60 as you like to increase or reduce the amount of space to the left of the bulleted items.

  Click Save when you’re done.

  If you need further CSS help, please feel free to post in our CSS Customization forum.

• 

  mrlibbysclassroom · Member · Aug 3, 2013 at 8:36 am

  • Copy link

  Oh my goodness. THANK YOU! Worked brilliantly!

• 

  kathrynwp · Staff · Aug 5, 2013 at 1:46 pm

  • Copy link

  Excellent – glad to hear it!

  Happy blogging. :-)