Removing hover link color

panther_26
(@panther_26)

6 years, 10 months ago
I need help with a custom CSS that would remove the a hover color for all links – keeping the link the original color whether mouseover or previously visited site.

Is there a custom CSS code that I can add that will wipe out all color changing, keeping text and links the original color?
- This topic was modified 6 years, 10 months ago by panther_26.
The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

Moderator Steven Stern (sterndata)
(@sterndata)

Volunteer Forum Moderator

6 years, 10 months ago

Please provide a link to a page on your site where we can see this. Thanks. The necessary CSS depends on your theme, so we need to see your site.
Thread Starter panther_26
(@panther_26)

6 years, 10 months ago
Added in the original message the theme demo.

Look at the menu at top: City Calendar, etc. and the posts in the body. Could CSS be added to change the hover color of those elements?

Then look at the side bar widgets Bike Rental and Library. Remove the gold hover.

Ideally, if it is easier, remove all hover colors.

Also, ex: Calendar at top, I don’t want it to show the visited link color.
- This reply was modified 6 years, 10 months ago by panther_26.
Moderator Steven Stern (sterndata)
(@sterndata)

Volunteer Forum Moderator

6 years, 10 months ago
```
#site-secondary-nav a:hover, #site-secondary-nav a:focus {
   color: #333;
}
a:hover, a:focus {
   color: #0a63bd;
}
```
To add or override CSS: use the “Additional CSS” option in the customizer. https://codex.ww.wp.xz.cn/CSS#Custom_CSS_in_WordPress

Learn to use the Chrome Developer Tools or Firefox Developer Tools to help you see and test changes to your CSS.
Thread Starter panther_26
(@panther_26)

6 years, 10 months ago

Is there anyway to remove all a:hover regardless of menu, widget, post, etc.?

Moderator Steven Stern (sterndata)
(@sterndata)

Volunteer Forum Moderator

6 years, 10 months ago

Yes, you have to add to the list I started above. You might also contact the developers of your theme.

Learn to use the Chrome Developer Tools or Firefox Developer Tools to help you see and test changes to your CSS.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Removing hover link color’ is closed to new replies.

Removing hover link color

Tags

Topics

Topics with no replies

Non-support topics

Resolved topics

Unresolved topics

All topics