Archived topic
Removing underlines on link hovers
3 replies · Started by Kaelum on April 20, 2022
Hi team,
I'm trying to figure out how to remove underlining from links whilst hovering.
My custimiser is for link hover is set to "never"
I have tried adding variations of the CSS you've given to other people and relentlessly removed cache but still nothing (example of what I've tried below)
.site-content p a:hover {
text-decoration: none;
}I've considered if it was elementor somehow causing this, but I can see no settings to suggest, and the footer of the website is only generated using generate press, and still has the underlining.
What do you think? thanks
Hi Kaelum,
The underline seems to be coming from Elementor. It would be best to reach out to their support with regards to this.
If you would like to override this behaviour through CSS, here is something you can try adding in Appearance > Customize > Additional CSS:
.elementor.elementor-location-header a:hover, div#page a:hover, .site-footer a:hover {
text-decoration:none;
}As mentioned though, it would be best to try fixing this through Elementor settings first.
Hope this helps! :)
Thanks Fernando will reach out to them :)
You’re welcome Kaelum! Glad to be of assistance! Feel free to reach out anytime you’ll need assistance with anything else. :)
