fadtastic navigation bar

  • Author
    Posts
  • #157997

    streamhopper
    Member

    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

    #158145

    devblog
    Member

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

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

    HTH

    #158344

    naitkat
    Member

    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?

    #158456

    streamhopper
    Member

    Yes! I added in

    #navlist { background: red;}

    and it turned the bar red. Thank you!

    #158457

    timethief
    Member

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

The topic ‘fadtastic navigation bar’ is closed to new replies.