WordPress.org

1. troeliewoelie
   Member
   Posted 2 years ago #

   Hi there

   I am building a website for a friend (www.patron.nl) and want my bullets to look nice and square and red. So I added a piece of code the CSS, (which I found on another website, I am really new at this, so just copying and pasting all over the place ;-)):

   #content ul{
   list-style-type: square;
   color: #D11600;
   margin: 0px 0px 0px 20px;
   padding: 0px 0px 15px 0px;
   }

   #content ul li{
   list-style-type: square;
   color: #D11600;
   margin: 0px 0px 0px 20px;
   padding: 0px 0px 5px 0px;
   }

   And everything works fine in FF and Safari, but my pretty squares won't show in IE.

   I am just a WordPress amateur and half the time I don't know what I am doing so I hope someone can help me solve this problem.

   Many thanks!

2. Jay Greathouse
   Member
   Posted 2 years ago #

   AFAIK, the only way to be sure is to make the bullet an image

   #content ul{
   background: url(images/square_red.gif) no-repeat top left;
   margin: 0px 0px 0px 20px;
   padding: 0px 0px 15px 0px;
   }

   #content ul li{
   background: url(images/square_red.gif) no-repeat top left;
   margin: 0px 0px 0px 20px;
   padding: 0px 0px 15px 0px;
   }

   use a 9x15 pixel image, with the bullet the lower 9x9 area and the upper 9x6 area same color as background, put it in the theme image directory

   I just modified your code, I use different margin & padding

3. troeliewoelie
   Member
   Posted 2 years ago #

   Hi! Thanks for the quick reply. I tried what you suggested, but when I tried to update the CSS the whole theme went missing. It suddenly wasn't activated anymore and I had to reinstall the whole thing.

   Weird, wouldn't you say so? I can't imagine that it would have to do anything with the code you supplied or could that be the cause?

Topic Closed

This topic has been closed to new replies.