Page 1 of 1

Modifying Navigation Bar Colors

Posted: 18 Jul 2010, 10:37
by JMatt578
Hi, I'm using your template for one of my clients and found it to be very helpful. There is one modification that I haven't figured out how to do yet. My client would like me to change the gradient red on the navigation bar when you scroll over it, the magnifying glass by the search and the little red bullet points on the sidebar from the preset red to a darker maroon.

I found that I was able to make the change no problem on the calendar background, but I haven't been able to find an easy spot to modify the rest of the reds that need changing. I saw a custom CSS section, however I wouldn't know how to modify anything with that. Any direction that you can provide would be very helpful!



Re: Modifying Navigation Bar Colors

Posted: 18 Jul 2010, 13:00
by Faolan
Use Opera Dragonfly or the Firefox extension Firebug.

First load the page you need to modify.
Choose inspect element by right clicking on it
Then determine what the class/ID is.

Create custom CSS for that.

Re: Modifying Navigation Bar Colors

Posted: 19 Jul 2010, 04:43
by sayontan
See this for how to do a similar thing: ... es-option/. Go through the CSS tutorials in the post.