How to underline links

[stevetheadi]

Hi guys

I want to underline the internal and external links inside my pages and posts but not underline the navigation menu items and not underline links inside buttons such as the one that says ‘book a driving lesson’ on this page:

Driving lessons in Scunthorpe and Brigg - Broughton School of Motoring

Can you suggest any CSS that might do the trick?

[jade]

Hello Steve,

You actually do not need to add any custom CSS to underline text inside a button element.

You just need to enable it in the button’s text setting:

If you are not seeing this option, Please click on the cog icon on the settings area then enable the Advanced Mode option.

Hope this helps.

[stevetheadi]

Thanks for the reply but I think I didn’t make myself clear.

By default, the links on my site are not underlined but I want to change that so the links on my website are underlined EXCEPT the navigation menu items and the links inside the buttons.

I have manually added < u > to some of the links but it would be a bit tedious to do it on every page. So a bit of CSS would be great.

Thanks.

[ruenel]

Hello @stevetheadi,

If you want to apply the text link underline globally, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.entry-content.content a {
    text-decoration: underline !important;
}

Please note that custom coding is outside the scope of our support. Issues that might arise from the use of custom code and further enhancements should be directed to a third party developer.

We would love to know if this has worked for you. Thank you.

[stevetheadi]

That works great!

Thank you.

[christian]

You’re welcome.