Webmaster Juice

Full Version: Problem with Wordpress Lists in FireFox
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
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!
Reference URL's