Changing the color of all the links

I notice you have multiple css entries…remove the other ones and try again…

Wait…bad advice, maybe one is the original…so just keep one complete one and change the color, get rid of the rest…

yes it works for me too :). May be as deputy05 mentions remove the other css entries and have only the one deputy05 mentioned and yes clearing the cache might help too.

Okay. From the other web designer’s original coding, I have these two pieces of CSS for this nav. button:

.navbar .nav > li.button > a:hover,
p input.pushbutton-wide: hover
 {
    color: rgb(0, 153, 204);
    border-color: rgb(0, 153, 204);
    background-color: rgb(0, 153, 204);
    font-color: #0099cc;
}

.navbar .nav > li.button:hover,
p input.pushbutton-wide:hover,
.navbar .nav > li.button.current-menu-item {
    background-color: #0099CC;
    border-color: white;
    font-color: #0099CC;
    color: rgb(0, 153, 204);
}

This is where I was originally trying to alter the colors and it never worked right. What should I erase or combine?

And not knowing your skill level…we mean multiple css entries for this element…NOT your entire css file…

I’m sorry, I don’t know what you mean. I am newer to editing CSS but am getting pretty familiar with it. I am solely looking at my Custom CSS not the theme’s style sheets and so forth.

Both of these represent hover only…since the background is blue, the hover color needs to be white…don’t use font-color…color is what you want to change…

if you notice the code posted by both me and deputy05 the property ‘color’ changes the font color. font-color is not a css property. did you try adding the code deputy05 provided in your custom CSS file?

Referring to my 4th and 5th posts above…I simply meant not to remove everything in your custom css…

Okay, I changed those and this is what I have:

.navbar li.menu-item.button a{
     color: #0099CC;
}

.navbar .nav > li.button:hover,
p input.pushbutton-wide:hover,
.navbar .nav > li.button.current-menu-item {
    background-color: #0099CC;
    border-color: white;
    color: #0099CC;
}

Shouldn’t the code that you gave me be working to alter the color of the text before you hover over it?

My codes were in two parts based on the existing css entry…normal view and hover view…

The hover color is the same as the background…so when you hover on it the text disappears…need to change to white…

Okay, by multiple css entries do you mean how these have commas with several items listed before the “{” ? Are you saying I should remove some of those in order to fix the button?

I’m sorry I’m so clueless about this, I really appreciate your help.

But I’m not trying to change the hover color I’m trying to change the color before you hover. So that the text is blue with a white background.

No problem…I’m still learning too…

NO…you have multiple entries related to this navbar button, which are causing conflicts…give me a moment and let me take a look…