Hi

I need to change to color of the bullets from the standard black as the site uses a black background so they don't show. I have tried various suggestions recommended in WP to do this by adding CSS inserts in Atahualpa but none seem to work.

I would be grateful if you could let me know what the appropriate insert needs to be.

Using Wp 3.5.2 and Atahaulpa 3.7.12

Many thanks

what bullets and where?
(url to site would be useful)

Sorry it's late and the brain is not functioning as it should. The bullets are for a list on a page and the URL is http://www.allurefloraldesign.net/services-elements/ The list is to the right of the image on this page.

Thanks

Unless you use an image, the color off the bullets will be the color of the text. Look up 'CSS list-style' to find the syntax and use a code inspector (firebug in Firefox) to determine the CSS selector to use.

I am not using an image but the Unordered List in the normal WP tinymyce . This produces a Black spot and does not display in the same color as the text.

In WP it suggests the color can be changed using #pagenav ul li {attributes} so I assumed in the attributes are I needed to put {color: yellow;} (or the color code) and that should work but it does not. The spot remains black so is invisible as the background to the text is black.

I also thought the spot would be the same color as the text but it isn't. I also tried placing the HTML for the color before the <li> but that stopped the color applying to the text as well.

you want to apply the css to the UL and add the color, list-style-type and font-size (to control the size)

Hmmm!! Yes I know what I want to do the problem is I can't find how to do it despite a number of attempts at various combinations nothing happens so I am stuck!

Use the firebug extension of Firefox and examine the HTML you want to change. Then you can see what CSS selectors you need to use to make the change. Then you can add the selectors and rules to the theme's CSS inserts option.

Well after some trial and error the following works:-

.post ul li {
color: #f0d90e; font-size: large;
}

Hope this will help anyone else looking to do the same. Just for info without the font size addition the dots were not as big as displayed normally and because of the color were difficult to see. Adding the font size brought them back to the same as they were being displayed on the WP design page.

Thanks for the pointers Juggledad. I would mark this as solved if I knew how to do it!