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