Customize hyperlinks

Hi Tagdiv team!

I was wondering, does your template includes an easy way to customize posts hyperlinks?

I would like to add an underline to my links and when we cursor is over the link, I would like the add a background color, so the link is clearly visible.

You can find an example here: https://key2blogging.com/how-to-underline-hyperlinks-in-wordpress/
When you mouse over the red link called: CSS text-decoration-stype Property

Thank you very much in advance.

Hi Anamaria,

Thanks for your reply.

This code seems to give me a good start:

.tdb_single_content a {
    border-bottom: 1px solid #ea9e2c;
}

.tdb_single_content a:hover {
    border-bottom: 2px solid #db9429;
    font-weight: bold;
}

However the animation effect seems to be trickier to achieve.
It would be really nice in the future to be able to customize links with some animations.

• This reply was modified 3 years by slivertorp.

Hi Anamaria,

I have a quick question, I am using the following custom css in my theme panel to simply add a bottom border under each of my links to make them a bit more obvious;

.tdb_single_content a {
border-bottom: 1px solid #ea9e2c;
}

Unfortunately, it gets applied to myTable of contents (plug in: Easy Table of Contents) as well and it doesn’t look very nice as you can see: https://t.ly/ZDYas

Would you have any advice to not apply the custom css to the table of contents by any chance?

Thank you in advance for your insights.
Adrien

Thank you for your quick reply. Unfortunately the Table of contents from Easy Table of Contents doesn’t appear as a block so I can’t change the class. But don’t worry I will contact them.

The problem of the Table of contents is that it is generated automatically and it is not a list. It doesn’t even appear when I edit the page.