asked on

change links on wordpress

HI,

How do I simply change the links color, hover , background on the links on the menus.

It ISNT simple obviously. I have tags that change font but not background and I dont want things spread across multiple tags as I am doing.

.site-navigation a {
color: #ffffff;
font-size:12px;
background-color:red;

display: block;
}

/*font color on links side menu* DOESNT work and variants link #menu-menu2 work for 1 menu only*/
a:hover, a:focus {
color: black !important;
background-color:white;
}

Trenton Knew

This can depend heavily on the theme you are using. Sometimes it's as simple as using "customize theme," while other times you might have to view the inspector to see what CSS is being applied and reverse engineer the style sheet.

Got a link to the page?

jagguy

ASKER

I am using twenty fourteen

http://www.mymrt.net/wordpress/

Dan Craciun

If you want to modify links for the left side menu, note that the menu is in a div called "secondary". Then you just need to add this to your stylesheet:

#secondary a {
color: #ffffff;
background-color:red;
}

#secondary a:hover, a:focus {
color: black !important;
background-color:white;
}

HTH,
Dan

Rartemass

I would remove the !important part as well. It will cause issues in a lot of scenarios. There are only a few cases I would actually use !important and even then I'd try to find a way around it.

ASKER CERTIFIED SOLUTION

Peter Hart

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial