How to change link attributes on hover in Callaway WordPress theme?

Posted on January 17, 2022 by

Tagged: Callaway

Viewing 2 posts - 1 through 2 (of 2 total)

Author

Posts
January 17, 2022 at 10:50 am #46959

Donald Gerard
Guest

How do I change a text link color and weight on hover? I tried adding the following CSS to the Custom Theme CSS section:

a:hover { text-decoration: bold; color: green;}

The above CSS had no effect. I know this should be simple. What am I missing?

January 17, 2022 at 10:50 am #46983
Brandon C
Keymaster
Hi Donald

Thank you for reaching out and thanks for using Callaway WordPress theme with BoldGrid Post and Page Builder. Sorry to hear you’re having having trouble adding custom CSS to your theme, but you are on the right track.

Try adding the bit of CSS to that same section to accomplish your task:
```
a:hover {
	font-weight: 600 !important;
	color: green !important;
}
```
Instead of bold we can use the font-weight attribute and set it 600;. We also used the !important tag so your new CSS overrides any global CSS classes.

I hope this helps! Please let us know if you have any other questions.
Author

Posts

Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘How to change link attributes on hover in Callaway WordPress theme?’ is closed to new replies.