Skip to main content

Forums » Help » Styling unordered list bullets (CSS)

I want to change the bullets in unordered lists in the content area (which by default don't have bullets) to have a custom image. These lists have the class 'bbcode_list' which I've been selecting in order to do this but it hasn't been working, even when declaring the styles as important. I tried doing this to other uls in my CSS and that worked fine, so I must be missing something that is overriding my styles with .bbcode_list. Could someone help me figure it out? Thanks!
Kim Site Admin

Can you show us the CSS you tried? Please include the selectors you used. :)
Creepmachine Topic Starter

Kim wrote:
Can you show us the CSS you tried? Please include the selectors you used. :)

ul.bbcode_list {
list-style-image: url(http://puu.sh/lQOt0/a2db5f3737.jpg) !important;
}

It's always something small and silly that I miss.
Sanne Moderator

Try this:
Code:
ul.bbcode_list li { list-style-image: url(http://puu.sh/lQOt0/a2db5f3737.jpg) !important; }

You didn't define that you wanted the bullet points themselves to have the image. :)
Creepmachine Topic Starter

Sanne wrote:
Try this:
Code:
ul.bbcode_list li { list-style-image: url(http://puu.sh/lQOt0/a2db5f3737.jpg) !important; }

You didn't define that you wanted the bullet points themselves to have the image. :)

See!? Lmao, thank you. I always forget little things.

You are on: Forums » Help » Styling unordered list bullets (CSS)

Moderators: Mina, Keke, Cass, Auberon, Claine, Ilmarinen, Ben, Darth_Angelus