Hyperlinks should be displayed as underlined

On my Website GoKutty.com there are several hyperlinks. However, none of the hyperlinks are underlined. For better user experience, I would like to display all of the hyperlinks in all pages as underlined. The underline colour should be the same the same colour as the Text. Please assist

Hello, try to use the following CSS code.

You can add CSS code in Customize â†’ Additional CSS section.

body a {
    text-decoration: underline !important;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.
aThemes Support

Thanks!

I also would like to change the colour of the text & underline of hyperlink to light grey when the user clicks any of the hyperlinks. This change will help in enhancing the User Experience.

Hello,

I also would like to change the colour of the text & underline of hyperlink to light grey when the user clicks any of the hyperlinks.

Try to add this CSS code as well:

body a:visited {
    text-decoration-color: gray !important;
}

Kind Regards, Roman.
aThemes Support

Thanks. After implementing the code, I noticed only the underline is greyed out but not the text. Is it possible to grey out the text as well along with the underline?

Sure, try to use this CSS code:

body a:visited {
    color: gray !important;
}

…instead of this:

body a:visited {
    text-decoration-color: gray !important;
}

Kind Regards, Roman.
aThemes Support

Thanks! It works. This can now be closed

1 Like

OK, you are welcome!

Kind Regards, Roman.
aThemes Support