How To Change Link Hover Color in Callaway WordPress Theme?

Tagged: BoldGrid Themes, Callaway

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

Author

Posts
February 24, 2022 at 7:16 am #47743

Donald Gerard
Guest

Hi, I asked this question last month and was told to add the following code to the Custom CSS:

a:hover {
font-weight: 600 !important;
color: #FAF2DF !important; }

I just learned that it doesn’t on all text links. On text links that are not white, the color does not change on hover but the font weight still changes.

Thoughts?

February 24, 2022 at 7:21 am #47745
Brandon C
Keymaster
Hi Donald,

Thanks for reaching out, and thanks for using Callaway theme with BoldGrid Post and Page Builder for WordPress!

Instead of the general a:hover lets get a little more specific. Try using:
```
palette-primary a:hover {
     font-weight: 600 !important; 
     color: #faf2df;
     }
```
Hopefully selecting the primary link color in a more direct manor will help you resolve your issue. Please reach back out if you need further assistance with this.
February 24, 2022 at 10:24 am #47746

Donald Gerard
Guest

Didn’t work. Now there’s no bold or color change at all. I checked to make sure I copied the code correctly.

February 24, 2022 at 10:26 am #47750
Brandon C
Keymaster
Thanks Donald,

My apologies I think I may have given you the wrong syntax. Try using:
```
.palette-primary .entry-content a:hover {
     font-weight: 600 !important; 
     color: #faf2df;
     }
```
Let us know if this works for you!
February 24, 2022 at 1:06 pm #47757

Donald Gerard
Guest

Hi Brandon,

Yes, that worked (once I added “!important” after “#faf2df”). Thank you so much for your continued support!

February 24, 2022 at 1:07 pm #47778

Brandon C
Keymaster

That’s awesome Donald! So happy to hear you were able to get this resolved. Don’t hesitate to reach out if you have any other questions or concerns in the future!
Author

Posts