How can I change the color and underline of a specific link text on my website?

Regarding my website www.plantedjournal.shop at the bottom in the footer where it’s written www.plantedjournal.com – how can I add an underline to that text and make it a solid green colour like the rest (it became lightly faded once turned into a link). I previously added some code to remove underlines from links, but I want to keep this one. Any help would be much appreciated. Thank you!

1 Like

Hi @antoinelacour ,

I see you have the following code in the section-footer.css file:

.footer-block__details-content.rte a {
    text-underline-offset: 5px!important;
    color: #184f2e!important;
}

This code has modified your text color, you can change the color code you want in the “color” section.

(You can get the color code here: https://imagecolorpicker.com/color-code)

  • If you want to change the text color when hovering, add the following code:
.footer-block__details-content.rte a:hover {
    color: #2187ab!important;
}

Please change the color code you want in “color” @antoinelacour