I can't figure out how to stop tags from showing a different background color when I hover the pointer over them. I can change the foreground color and size, but I can't stop the background color from showing. I want them to behave like the category links in the sidebar. This is what I'm using:
I can't figure out how to stop tags from showing a different background color when I hover the pointer over them. I can change the foreground color and size, but I can't stop the background color from showing. I want them to behave like the category links in the sidebar. This is what I'm using:
.post-tags a {
background-color: transparent!important;
color: #4373cc!important;
font-size: 14px!important;
padding: 9px 7px 0px 7px;
}
.post-tags a:hover:before {
color: #676767!important;
}
Can you help, please?
Hey!
Seems like you got it sorted as i cant see any background on the tags.
Cheers
ThemeNectar Support Team
Hey Again!
.post-tags a { background-color: transparent!important; color: #4373cc!important; font-size: 14px!important; padding: 9px 7px 0px 7px; } .post-tags a:hover{ color: #676767!important; background-color: transparent!important; }
ThemeNectar Support Team
I've tried that but the problem remains. For some reason, it seems to be ignoring these lines:
.post-tags a:hover {
background-color: transparent!important;
}
Somehow, those lines are being overridden. But how?
It works when i add it in live browser. Try adding these so i can check why its not working :
html body .post-tags a { background-color: transparent!important; color: #4373cc!important; font-size: 14px!important; padding: 9px 7px 0px 7px; } html body .post-tags a:hover{ color: #676767!important; background-color: transparent!important; }
Cheers
ThemeNectar Support Team
That's what made the difference--the addition of "html body". Now they work. Thanks!