Need help? Check out our Support site, then


fadtastic navigation bar

  1. 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. You need to define the #navlist selector in your CSS. Try this:

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

    HTH

  3. 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. Yes! I added in

    #navlist { background: red;}

    and it turned the bar red. Thank you!

  5. @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.

About this Topic

Tags