li bullet color

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
andre_designer
Forum Members
Forum Members
Posts: 233
Joined: Sat Apr 10, 2010 4:26 am

li bullet color

Post by andre_designer »

i'v a short question how to colorise a li bullet in cms ms
Marijus

Re: li bullet color

Post by Marijus »

You can use image:

Code: Select all

ul {
list-style-image:url('image.gif');
}

Or colorise with span tag

Code: Select all

<ul class="color">
<li><span>One</span></li>
<li><span>Two</span></li>
<li><span>Three</span></li>
</ul>

Code: Select all

.color li{
color:red;
}
.color li span{
color:blue;
}
perhaps there are and other ways to do...
Wishbone
Power Poster
Power Poster
Posts: 1368
Joined: Tue Dec 23, 2008 8:39 pm

Re: li bullet color

Post by Wishbone »

You beat me to the span trick..

http://teamwishbone.com/1.9/?page=test
andre_designer
Forum Members
Forum Members
Posts: 233
Joined: Sat Apr 10, 2010 4:26 am

Re: li bullet color

Post by andre_designer »

is this also posible in the menu?? I thought that this not was posible with the <span> trick.
Marijus

Re: li bullet color

Post by Marijus »

andre_designer wrote:is this also posible in the menu?? I thought that this not was posible with the <span> trick.
yes
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: li bullet color

Post by Dr.CSS »

Most all of the menu templates have a <span> in them, right click a page and view page source to see...
Post Reply

Return to “Layout and Design (CSS & HTML)”