Add bullet points between Menu pages in WordPress Twenty Ten

• 

  nourishedlife360 · Member · Nov 30, 2012 at 7:45 pm

  • Copy link
  • Add topic to favorites

  Hi!

  How do I add spacers – or bullet points – between the menu pages on mysite?
  http://cocoandtea.com/

  I would like the menu to look like:
  Home * Health * Recipes * Style * About

  Thanks!

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

• 

  designsimply · Member · Dec 24, 2012 at 7:08 pm

  • Copy link

  Here’s how to add a background image between menu items in the Twenty Ten theme. You can adjust the url() value and the padding values until it looks good to you:

  #access li {
  	padding-right: 35px;
  	background: url('http://s.wordpress.org/about/images/logos/wordpress-logo-32-blue.png') center right no-repeat;
  }
  
  #access li:last-child {
  	padding-right: 10px;
  	background: none;
  }