Changing Bullet Point Colour Class


Author Message
Jae

Posted: 8/17/2014
Quote message 

OK, It's after 2:30am. So, maybe I just need to sleep on this. But anyhow, what am I doing wrong here?

.ebook li:before {

color: #FFFFFF; }


I want to set a bullet for one specific page that has a different colour to the rest of the site (because on this particular page, the background is a different colour).

Anyways, I want to set a class called ebook for the bullet. But it's not working?

<ul>

<li class="ebook">Item 1</li>
<li class="ebook">Item 2</li>
<li class="ebook">Item 3</li>
</ul>


Please can someone put me right?

Thanks,
Jae :-)
 
Tina
Artisteer Team

Posted: 8/18/2014
Quote message 

Usually bullet icons are images and it's not possible to change color for them. You could try to modify an image in some program like Paint or Photoshop.
 
Jae

Posted: 8/18/2014
Quote message 

Whilst I am aware that you can change the bullets to an image, I don't believe that their are images by default in standard CSS or HTML.

Besides, in Artisteer, you can specify the default colour of the bullet in the Content tab. This I have done and have a default colour for the bullets throughout my site. However, I wish to use a different coloured bullet for this one specific page, because the bullet list is in a coloured box.
 
Tanya
Artisteer Team

Posted: 8/19/2014
Quote message 

Hi,

You can provide a link to the page with the bullets. In any case. If you do not use any image for the bullets and they are default circles, then try to use this code:

li.ebook
{
color: #FFFFFF!important;
}

But it will be better to see the site as i assume that the bullet is an image.

Best regards,
Tanya