How To get underline in external links?

Hi,

I should mention that you should try to provide all the details in a single post if possible. If you keep replying in your own topic it will delay our answer. We always answer from oldest to newest. So replying in your own topic will renew it.

So you want the links in the post content to have the same color as the paragraphs, and they should be underlined with a color at all times. That could be done with some CSS.
This is a default link I created in a post
– https://www.screencast.com/t/kdBq9NWf
Then I used a code such as this one – https://www.screencast.com/t/YLYuJwPG3PE
It will remove the link color and also add an underline that will not change when hovered. If that is what you want enter this code in the Theme panel->Custom CSS section

.td-post-content a {
color: #222;
text-decoration: underline;
text-decoration-color: yellow;
}
.td-post-content a:hover {
text-decoration-color: yellow;
}

Thanks

Maybe like this – https://www.screencast.com/t/TfWRVLGg8RQ

.td-post-content a {
color: #222;
text-decoration: underline;
text-decoration-color: yellow;
-webkit-text-underline-position: under;
-ms-text-underline-position: below;
text-underline-position: under;
}
.td-post-content a:hover {
text-decoration-color: yellow;
}

The text decoration underline thickness cannot be changed with CSS, there is no CSS rule that I know of. Maybe that example you keep mentioning is not using this method. It could be using a border bottom, in this case the thickness can be controlled
– https://www.screencast.com/t/Sxq4O1uTlXY

.td-post-content a {
color: #222;
border-bottom: 2px solid yellow;
}
.td-post-content a:hover {
text-decoration: none;
}