How to change hyperlink and their underline color in html

I want to change hyperlink and their underline color in html. Check screenshort for understanding my query.

Please provide CSS for this.

1 Like

Hi, Can you please share your site link? It would be easy to sort out your problem.

https://rmgoe.org/

Post url: https://rmgoe.org/TocollegeDetils.aspx?link=37

1 Like

.articleparra a {
color: #71c21b!important;
border-bottom: 2px solid #71c21b;
}

.articleparra a:hover {
color: #ff6a00!important;
border-bottom: 2px solid #ff6a00;
}

2 Likes

Not the correct solution.

@bharti

Go to Customize>Additional CSS

Add the following CSS:

.articleparra a{
color:hex-of-text-color;
text-decoration:underline;
text-decoration-color:hex-of-underline-color;
}

That’s it. :slight_smile:

Hi, he is not using WordPress. He is asking as in screenshot so I think it’s a valid code.
Thanks

CSS I shared is the right one to use either it’s WordPress or not. Your code will color the border not actually underlines the links.
@GulshanKumar confirm.

1 Like

Hi @AbhishekVerma


You can see here at gulshan blog too.
Thanks

So what is the final css for both .net and wordpress site?

Same

Not working

 .articleparra a {
       text-decoration: none !important;
       border-bottom: 2px solid #71c21b;
}

 .articleparra a:hover {
     text-decoration: none !important;
     border-bottom: 2px solid red
}

should work

Not working

Provide link to the page