bobby_b 0 Report post Posted March 20, 2011 Hi I have added this custom CSS code .post ul { margin:0; padding:0; list-style:none; } .post ul li { padding-left:25px; background-image: url(http://www.fragranceshop.org.uk/wp-content/uploads/2011/03/star.png'>http://www.fragranceshop.org.uk/wp-content/uploads/2011/03/star.png'>http://www.fragranceshop.org.uk/wp-content/uploads/2011/03/star.png'>http://www.fragranceshop.org.uk/wp-content/uploads/2011/03/star.png); background-repeat: no-repeat; background-position: 2px; } .page ul { margin:0; padding:0; list-style:none; } .page ul li { padding-left:25px; background-image: url(http://www.fragranceshop.org.uk/wp-content/uploads/2011/03/star.png'>http://www.fragranceshop.org.uk/wp-content/uploads/2011/03/star.png'>http://www.fragranceshop.org.uk/wp-content/uploads/2011/03/star.png'>http://www.fragranceshop.org.uk/wp-content/uploads/2011/03/star.png); background-repeat: no-repeat; background-position: 2px; } designed to add a yellow star for the bullet points the bullet points work fine, but the star shows up on the page navigation, which I do not want. I does not shw up on the posts....see under the site http://www.fragranceshop.org.uk The posts are under the blog menu navigation. Any idea how I remove the stars from the nav on the Pages? Share this post Link to post Share on other sites
cmunns 16 Report post Posted March 21, 2011 Your selector is too broad, change to ` #maincontent ul li { padding-left: 25px; background-image: url(http://www.fragranceshop.org.uk/wp-content/uploads/2011/03/star.png); background-repeat: no-repeat; background-position: 2px; } ` Share this post Link to post Share on other sites
bobby_b 0 Report post Posted March 22, 2011 Cool Thx, works great now....Tony Share this post Link to post Share on other sites