We have some odd CSS things happening on a couple of sites that are on a multi-site network that uses WPML. Ex. https://standrewsalbany.org (see links that are underlined by default – they aren’t on our other Enfold sites). Is there anything special we should be doing, like cache exclusions?
(We have multiple Enfold sites on this network – two of them have the link underline by default, the rest do not. Thoughts?).
Hey mgyura,
Thank you for the inquiry.
The underline is due to an inline style, possibly added by a plugin.
a:where(:not(.wp-element-button)) {
text-decoration: underline;
}
To override it, you can add this css code in the Quick CSS field.
a:where(:not(.wp-element-button)) {
text-decoration: none !important;
}
You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings and update the theme from version 5.2 to the latest version 5.5.
Best regards,
Ismael
Understood, and we know the fix, but we’re curious why every other Enfold site is overriding that underline automatically, and there are two Enfold sites that are not. See https://wt026151413.edownetwork.org (there are links in the footer) and screenshot – https://edownetwork.org/wp-content/uploads/2023/05/Screenshot-2023-05-04-at-2.44.18-PM.png – as an example. We are not overriding the underline on that site with CSS. Enfold’s CSS is overriding it.
(File Compression is already disabled).
Hi,
Thank you for the info.
It appears that the code was added to fix the default buttons on WordPress 6.1. You can find the CSS rule in the file located at themes/enfold/css/base.css around line 305:
#top a:where(:not(.wp-element-button)) {
text-decoration: none; /* WP 6.1 fix */
}
Please maintain the CSS modification that overrides the base style for now.
Best regards,
Ismael