Help changing the Nav bar color?

  • Hello, I am using the “Mystique” theme and I want to make it so that when I hover over one of the tabs on my nav bar, it goes to the same color that the tab currently selected is. Right now the tab you are currently on is black and the rest are white, and when you hover over them they get a brighter white. I want them to be the same black as the selected tab when you hover over each one..any help??

    heres my site : https://www.spencerteeter.com

Viewing 8 replies - 1 through 8 (of 8 total)

  • Check out the background-color property on line 121 of your style.css file. That should be what you need to adjust.

    in your style.css around line 116 you have this code

    ul.navigation {
    background:#EEEEEE url(images/nav.png) repeat-x scroll left top;
    list-style-type:none;
    margin:0;
    padding:0;
    position:relative;
    width:100%;
    z-index:15;

    It is that image in background if you take url(images/nav.png) repeat-x scroll left top
    out and then change #EEEEEE what ever color you want.

    Thread Starter spencerteeter

    (@spencerteeter)

    that lets me change the background color, but if i set it black then you cant read the words. I need the text to change along with it…any ideas?

    also on my home page, the nav bar has a small dotted line near the bottom, any ideas how to get rid of that?

    If you making nav bar background black and to change of fonts
    look for this code

    ul.navigation li a {
    color:#4E4E4E; change this to the color you want
    display:block;
    font-size:115%;
    font-weight:bold;
    line-height:31px;
    min-height:32px;
    padding:0 13px 0 11px;
    position:relative;
    text-align:center;
    text-decoration:none;
    text-shadow:1px 1px 1px #FFFFFF;
    text-transform:uppercase;

    Thread Starter spencerteeter

    (@spencerteeter)

    ok great thank you! do you know how i can get rid of the dotted line at the bottom of my nav bar?

    Thread Starter spencerteeter

    (@spencerteeter)

    any ideas about the dotted line?

    It’s a repeating background image. Look at line 344 of your stylesheet. Your background property is set to “transparent url(images/dot.gif)”. Remove the “url(images/dot.gif)” part, and that will get rid of the dots.

    Thread Starter spencerteeter

    (@spencerteeter)

    excellent! thank you, worked great!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Help changing the Nav bar color?’ is closed to new replies.

Tags