What is the best way to restyle the a tag throughout a Wix Studio site? I
The product is: Wix Studio
I want to remove the underline, make it bold and change its color.
Should I use the Settings → Add custom code route, or is it best to use the global.css in coding mode?
I have found the answer. Am using global.css and richt_text a class to change the a link.
But, the underline persists even though I have set text-decoration to none.
How do I fix that?
A. Inspect the elements on your site and look for the link’s styling, perhaps there are other styling rules overriding your text-decoration: none. If so, adding !important could help
B. Are you sure the CSS rules you’ve written are applied to your <a> elements? If not, try adding something like color: red just to see if it affects it
A. You’re right - it’s now .rich-text__text a and that works
B. Right again - the a tag is wrapped in a span element with style=“text-decoration:underline”. This seems to be applied by Wix when you create a link. I can unset the Underline manually in the Inspector panel but I’d like to unset it by default.
Fixed underline by adding this to global.css
span[style] {
text-decoration:none !important;
}