Post Reply 
 
Thread Rating:
  • 0 Votes - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Problem with Wordpress Lists in FireFox
02-07-2010, 07:59 PM
Post: #1
Problem with Wordpress Lists in FireFox
After creating my own WordPress theme based on the default one, I had these annoying » >> symbols instead of bullets in my lists. But only in FireFox. Internet Explorer simply didn't show any bullets.

The easy fix is to delete the following code from your style sheet:

Code:
.entry ul li:before, #sidebar ul ul li:before {
    content: "\00BB \0020";
    }

Also, you will probably want to tweak the default text indents for lists.

So change this code:
Code:
/* Begin Lists

    Special stylized non-IE bullets
    Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
    margin-left: 0px;
    padding: 0 0 0 30px;
    list-style: none;
    padding-left: 10px;
    text-indent: -10px;
    }

to this:

Code:
/* Begin Lists*/

html>body .entry ul {
    margin-left: 10px;
    padding: 0 0 0 30px;
    padding-left: 10px;
    text-indent: 0px;
    }

Now you should see lovely bullets with your unordered HTML lists!
Find all posts by this user
Quote this message in a reply
Post Reply 


Forum Jump: