10 replies to this topic

[pamlc]

Hi, How/where can I change the colors of: 1) the nav bar background (default is gray) 2) the side bar headers (where the sidebar titles are) 3) the text in the nav bar (page titles) 4) the text in the side bar headers thanks much, Pam

[jnoh]

Hey pamlc, are you using iBlogPro? Also can you send a live link? The best way to do this would be to use custom css (identify the classes/elements using firebug).

[pamlc]

yes, iBlogPro - www.thriveliving.com

[jnoh]

these areas are actually are set up with image backgrounds, so you have two options: 1. tweak the images to retain the gradients. (will require some level of image editing skills) 2. or to just replace the images with solid colors using css. which would you like to do?

[pamlc]

probably #2 would be easiest...just replace with solid colors.

[arpowers]

ok, not so hard... can you provide us with more specifics of which elements you'd like to change?

[pamlc]

1) the nav bar background (default is gray) 2) the side bar headers (where the sidebar titles are) 3) the text in the nav bar (page titles) 4) the text in the side bar headers

[pamthrivelivingcom]

anyone who can answer this one? never did learn how to change these colors... thanks much, Pam

[bryan-hadaway]

1) the nav bar background (default is gray)
I assume you mean besides the options in Theme Options; blue, grey, black etc.? If that is indeed the case, you would need to download the nav background image, and then edit it in Photoshop or similar.

2) the side bar headers (where the sidebar titles are)
Try: `.widget h3{background:#000 !important}`

3) the text in the nav bar (page titles)
Try: `#nav ul li a{background:#000}`

4) the text in the side bar headers
Try: `.widget h3{color:#000 !important}`

Thanks, Bryan

[intentionalbilly]

In which area is the #3 located?

[arpowers]

Hi William, if you have a new question please post it in a new thread... this is 4 months old.