long time no talk, need some simple help pls!

(3 posts) (2 voices)

Tags:

omerkhan02
Member

Hi Joern,

You can visit my site here just want to know how you change the

Navbar a active color of text.

As you can see in the native state

the navbar is white and the text has the hexidecimal code #CC0000

when you hover over it, the nav buttons turn red, but I want the text
to turn white. I can't find where in the CSS to do that?

Also, lastly, you see there is a small black gap between my header banner and the main container, I want to close it. HOw? or remove the space between them

Thanks man! HOPE YOU ARE WELL!

Omar

Posted 1 year ago #
Joern
Moderator

you are quite in the right place in style.css but you use font-color instead of the correct 'color'

start here:

#page-bar a:hover {
text-decoration:none;
display:block;
font-color:#000000;
}

and change to:

#page-bar a:hover {
text-decoration:none;
display:block;
color:#000000;
}

this should change almost all text to white on hover.

change other font-color: settings to color: or remove them

Posted 1 year ago #
Joern
Moderator

The gap between the navbar and the header banner: remove '15px' in margin here:

#navbar {
background:url("images/navbar.png") repeat scroll 0 0 #2C2C2C;
font:100% Arial,Helvetica;
margin:auto 0;
padding:0 10px;
text-transform:uppercase;
}

Posted 1 year ago #

Reply

You must log in to post.