WordPress.com

1. streamhopper
   Member
   Oct 30, 2007, 10:05 PM

   I'm working with fadtastic theme css and can't figure out how to change the color of the navigation bar. Any ideas?? The site is http://kvha.wordpress.com Thanks, Alison

2. devblog
   Member
   Oct 30, 2007, 10:51 PM

   You need to define the #navlist selector in your CSS. Try this:

   #navlist {background: [color you want];}

   HTH

3. naitkat
   Member
   Oct 31, 2007, 10:09 PM

   If you mean the mild green gradient > its getting the colour from a background image. You can change that colour by replacing the image with a new one (if you want a gradient of another colour), or use CSS if you want a solid colour.

   This is the part of CSS that governs it:
   div#navcontainer
   {
   background-color: #f4f8ea;
   border-top: solid 1px #92b43f;
   border-bottom: solid 3px #F8F8F8;
   background-image: url(../images/bg_menu.gif);
   background-repeat: repeat-x;
   background-position: left top;
   }

   For solid colour change it needs to be:
   div#navcontainer
   {
   background-color: red;
   border-top: solid 1px #92b43f;
   border-bottom: solid 3px #F8F8F8;
   background-image: none;
   }

   This will make the background of your navigation red, change it to the colour of your liking.

   When you change the background colour, the colour of the links and borders might clash with it. Do you also want to change those?

4. streamhopper
   Member
   Nov 6, 2007, 11:53 PM

   Yes! I added in

   #navlist { background: red;}

   and it turned the bar red. Thank you!

5. timethief
   Member
   Nov 6, 2007, 11:57 PM

   @streamhopper
   This is the blog I'm looking at http://kvha.wordpress.com/ and I assume you are in "preview" mode working on your css editing because what I can see is not a red navigation bar; it's the customary blue one.

Topic Closed

This topic has been closed to new replies.