Hyperlink underline colour global style?

Hi,

Is there a way to apply a global underling colour to all hyperlink on a site?
Currently all I can do is colour the link separate to the rest of the content but the underline is the same colour. I’m wanting to have a blue hyperlink with a red underline.

Regards

Spencer

This can be done with css but not globally. Rather you’d need to create a custom class and then attach that class to any element that has a hyperlink. You can read more about CSS styling in Wix Studio here: Studio Editor: About CSS Editing | Help Center | Wix.com

Hi Anthony,

Sorry I should have marked this as resolved as I managed to work it out in the end by adding some css to the global.css:

.rich-text {

a:link {
color: #3399ff;
text-decoration: underline;
text-decoration-color: #e42125;
}

/* visited link */
a:visited {
color: #e42125;
}

/* mouse over link */
a:hover {
color: #3399ff;
}

/* selected link */
a:active {
color: #3399ff;
}

Which worked perfectly.

Unfortunately I’ve had so many issues trying to get the navigation to work the way I needed I’ve had to abandon the project :frowning:

Regards

Spencer

I’m trying to apply a global underline to links in my wix editor site. I can’t find a way to do any global styling of links which seem wierd. AI helper no help. I’m guessing I have missed something as the idea that styling should be applied individually to links is really not good…. Any help appreciated!

”In 2026, the most accessible way to style links within paragraph text is to ensure they are visually distinguishable without relying on color alone. The industry standard requires a combination of high-contrast color and underlining.”