how to fix this

[mav3n]

Re: change nav bar color

Cleopatra,

The element that P8I is having you change is the correct one. I ran it through Chrome Dev Tools and you need to change the "background-color" to change the background. Remember, you will need to rebuild your cache after editing. If it still doesn't work, try hard refreshing your browser. Some browsers like to cache in their own way.

 

[P8I.com]

Re: change nav bar color

It could also be that your link for the image doesn't actually work. I would try putting in a full URL instead of that relative one just to test it out.

 

[Cleopatra]

Re: change nav bar color

i tried to add
background-color: #FFA500;

in #nav
but it did not work
i cleared the cache i opened it in a new browser
but nothing

what should i do

 

[C]

Re: change nav bar color

Try adding background-color: #FFA500 !important;

I know it isn't the most efficient choice, but if it does work, it'll override anything that's preventing the changes.

 

[Cleopatra]

Re: change nav bar color

it worked lika a charm
thank you very much<br /><br />-- 29 Oct 2014, 20:07 --<br /><br />will you please tell me how to change the middle border color too???

#navbar {
background-color: #FFA500;
background: url(images/blackevo4-space/navx.png) repeat-x;
width: 100%;
height: 32px;
margin: 0;
padding: 0;
font-family: Arial, Sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 32px;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #2b2b2b;
border-bottom-color: #2b2b2b;
text-align: center;
}

#nav {

background-color: #0F0F0A !important;
list-style: none;
float: center;
border-color: #000000 !important;
margin: 0;
padding: 0;
text-align: center;
}

#nav a {
color: #EEE;
text-decoration: none;
display: block;
float: left;
margin: 0;
padding: 0 24px 0 24px;
}

#nav a:hover {
color: #3394be;
text-decoration: none;
background-repeat: no-repeat;
background-position: center bottom;
}

#nav a.current {
color: #3394be;
background-image: url(images/blackevo4-space/navhover.png);
background-repeat: no-repeat;
background-position: center bottom;
}

#nav li {
display: inline;
margin: 0;
padding: 0;
}

#contentwrap {

}

#btmnav {

height: 30px;
clear: both;
background-image: url(images/blackevo4-space/thead_bg.gif);
background-repeat: repeat-x;
}

.btmnav {
line-height: 30px;
font-size: 12px;
margin: 0 15px;
text-align: left;

 

[Cleopatra]

ok this one is solved