Archived topic
CSS override GP Theme Styling
7 replies · Started by Danny on November 3, 2018
Hello, I would like to override the default theme link styling for the email and phone number elements to be a dark blue. See screenshot below:
Hi Danny,
I'm getting "This site can’t be reached" when loading the link you provided.
Can you double check?
Let me know :)
Tested again and the link you provided in the original topic isn’t working.
I didn’t realize I could correct the link. It’s now correct, please try again
Have you tried Customizer > Colors > Footer Widgets > Link Hover?
Or you are trying to set a different color just for that footer widget?
If so try this:
.footer-widgets .footer-widget-1 a:hover {
color: #ffffff;
}
Let me know :)
It's not the footer, that is fine. It's this element: <span class="elementor-icon-list-text">hello@candormortgage.com</span>.
I would assume the best way is to use Elementor to overwrite the style from GP - it should be capable of doing this. I would recommend checking with their support so you can learn how to.
This should work for CSS but it's not the best way.
.elementor-icon-list-item a:hover {
color: #ffffff;
}