Underline links (without impacting buttons)

[MountainstarSWE]

Hi there,

I’ve tried to find some css code that works to underline links on my site, but I can’t find anything that works and doesn’t impact buttons. I’ve searched through the peer-to-peer forum but none of the suggestions there does what I need.

I need to have all my links in the text that you can see here https://www.blojfri.se/ (and all other articles as well) underlined in the same color as my links are (e7356e), but without the text on the buttons being underlined too, or that the entire button gets a border below.

Can you help me out please?

Many thanks,
Sofia

[jade]

Hello Sofia,

Please try to use this CSS:

.x-text a {
    border-bottom: 1px solid #e7356e;
}

If that does not work, try this code:

.entry-content a:not(.x-btn) {
    border-bottom: 1px solid #e7356e;
}

Here are some related links for further reading:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa

Hope this helps.