...

View Full Version : How to change color of Navigation Bar?



avis68
07-01-2011, 02:27 AM
Hi,

I hope someone here can help me
I am trying to make my website through a website builder
and I just want to change one element in the page they gave me: namely I want to change the color of navigation bar from BLACK to a shade of GRAY.
I can see HTML and CSS codes but I have no idea where that color code is that I could replace with another.
On CSS page, there are about 9 "paragraphs" about navigation, however, I do not see any code for BLACK that I could possibly try to change to GRAY
It looks like this:



#navigation {
float:left;
background: transparent url(nav_background.jpg) no-repeat center top;
float:left;
width:960px;
height:40px;
margin:0 auto;
font-family:"lucida sans", arial, sans-serif;
font-size:1em;
}
#navigation ul {
float:left;
padding-left:20px;
padding-top:12px;
margin-left:0px;
width:940px;
height:28px;
}
*html #navigation ul {
margin-left:-12px;
}
#navigation li {
float:left;
display:inline;
font-size:1em;
padding:12px 20px 13px 20px;
margin-top:-12px;
height:15px;
}
*html #navigation li {
margin-right:4px;
}
#active {
float:left;
background: transparent url(activetab_background.jpg) no-repeat center top;
color:#fff;
text-align:center;
}
#navigation a:link {
color:#fff;
text-decoration:none;
}
#navigation a:hover {
color:#fff;
text-decoration:none;
}
#navigation a:visited {
color:#fff;
text-decoration:none;
}
#active a:link {
color:#fff;
text-decoration:none;
}
#active a:hover {
color:#fff;
text-decoration:none;
}
#active a:visited {
color:#fff;
text-decoration:none;
}
a:link, a:hover, a:visited {
color:#198bef;
font-weight:normal;
text-decoration:underline;

Is it there? Can someone please help me (I am no programmer:(

Sammy12
07-01-2011, 04:50 AM
background: transparent url(nav_background.jpg) no-repeat center top;

delete and write:

background-color: #555;

you might want to save transparent url(nav_background.jpg) no-repeat center top; just in case you want to use it later

avis68
07-01-2011, 05:37 AM
Thank you so much!:)

It worked! (I am even experimenting with different shades of gray now)

I appreciate your help a lot. It is so wonderful that there are knowledgeable people like you around who care to help others. You' re the best!:):)



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum