Hello,
I’ve had a search through the threads but can’t find any mention to this situation I have.
On my Contact page, I’m using an icon list which has 4 items, three with links. In the published page, the links are underlined before hover, but I only want them to be underlined on hover.
Strangely, the underline on hover only is what I’m seeing in the Element Preview when editing the Icon List element.
Strangely again, on my old website’s contact page (which uses an older version of Enfold), the email address link in the icon list there is only underlined on hover.
Can you help me work out what’s not right or what I need to do so that I only have an underline on hover on the links on my new website’s contact page.
Private content below for new and old website contact pages, and the text/”code” entered for one of the links on the new Contact page.
Many thanks,
Keith
Hey Keith,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top .av_inherit_color.av_iconlist_title.iconlist_title a {
text-decoration: none;
}
#top .av_inherit_color.av_iconlist_title.iconlist_title a:hover {
text-decoration: underline;
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi Victoria,
Adding that to the Quick CSS worked a treat! Thank you so much for the quick response and support.
Best for now,
Keith
Hi,
I’m glad you were able to get this corrected. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon