Hello, Can you please help me how to add text-decoration on every links on a single post of my site? I want to add dotted underline on it so people can easily see the links in my posts. Thanks
Hi,
There will be an underline as the link is hovered. I could give you a CSS code to make the links in the post content have a dotted underline
– https://www.screencast.com/t/jgCVAHYBE1c
.single .td-post-content a {
text-decoration: underline dotted red;
}
This will affect all the links in the post content.
Or you could add a border bottom to the links, in this case the hover text decoration is getting in the way so it could be removed
– https://www.screencast.com/t/RrQ4m5nRdW
.single .td-post-content a {
border-bottom: 1px dotted red;
}
.single .td-post-content a:hover {
text-decoration: none;
}
Maybe these suggestions are helpful.
Thanks
what if I want to change the color of the Links on single post? the Links color is the same as the color of the Website main color so I want to change it.
Hi TrashTalk,
If you want to change the link color all you need to do is to add this css color: red; in above custom css from Simion C.
Results:
https://www.screencast.com/t/9yNwlulj2df
Also you can change the color if you want.
Thank you for your understanding.
