Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Center area post/pages (http://forum.bytesforall.com/forumdisplay.php?f=32)
-   -   [SOLVED] Change color of bullets (http://forum.bytesforall.com/showthread.php?t=20691)

adrian29630 Jul 24, 2013 05:10 PM

[SOLVED] Change color of bullets
 
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

juggledad Jul 24, 2013 05:31 PM

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

adrian29630 Jul 24, 2013 07:55 PM

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

juggledad Jul 25, 2013 02:18 AM

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.

adrian29630 Jul 25, 2013 09:58 AM

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.

juggledad Jul 25, 2013 10:35 AM

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

adrian29630 Jul 25, 2013 12:17 PM

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!

juggledad Jul 25, 2013 12:58 PM

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.

adrian29630 Jul 28, 2013 11:43 AM

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!


All times are GMT -6. The time now is 08:04 PM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.