Make Links Underline Much Thinner

raphaelledergerber · Member · Nov 2, 2015 at 2:15 pm
Copy link

Add topic to favorites
Dear all,

Text links and e-mail links in my theme have quite thick underline (see an example here: http://ledergerber-partner.ch/kontaktformular).

I would like to have much thinner underline for text links and e-mail links for all pages on my website. How exactly to edit that with CSS without having CSS skills?

Thanks in advance for your help,
Raphael

The blog I need help with is: (visible only to logged in users)
lubmir2k · Member · Nov 2, 2015 at 3:00 pm
Copy link
Hi Raphael,

here is a code snippet for you

.entry-content a {
border-bottom: 1px solid #cbeefa;
}

Here is how to add some custom CSS:

https://en.support.wordpress.com/custom-design/editing-css/

Hope it helps!
raphaelledergerber · Member · Nov 2, 2015 at 3:08 pm
Copy link
Hi mrlubomir,

Thanks for your message.
Unfortunately nothing changed. What’s wrong?

Best regards,
Raphael
lubmir2k · Member · Nov 2, 2015 at 3:20 pm
Copy link
I’m sorry that it didn’t work.

Would you please try this one?

.hentry .entry-content a {
border-bottom: 2px solid #cbeefa;
}

and if not working, then

.hentry .entry-content a {
border-bottom: 2px solid #cbeefa !important;
}
lubmir2k · Member · Nov 2, 2015 at 3:20 pm
Copy link
1px border, sorry
raphaelledergerber · Member · Nov 2, 2015 at 3:27 pm
Copy link
I tried all of that, but nothing changed.
lubmir2k · Member · Nov 2, 2015 at 3:35 pm
Copy link
The code I sent earlier should be

.hentry .entry-content a {
border-bottom: 1px solid #cbeefa;
}

That’s what I can see in Chrome Developer Tools. If this isn’t working, I can tag this for Staff so they can assist.
raphaelledergerber · Member · Nov 2, 2015 at 3:42 pm
Copy link
Hi mrlubomir,

Perfect, this code worked!

Thanks a lot,
Raphael
lubmir2k · Member · Nov 2, 2015 at 3:47 pm
Copy link
Happy to help!

No items found.