Archived topic

Removing Decoration On All Links

7 replies · Started by Simon on February 17, 2021

Viewing posts 1–8 of 8

February 17, 2021 at 4:28 pm #1662505

I'm sorry, this is a real beginner's question but I'm looking to remove bold and underline from all links, sitewide.

I tried this but I think I'm missing something...

a {
text-decoration: none;
}

February 17, 2021 at 4:59 pm #1662516

Hi Simon,

Try this:

a {
    font-weight: normal;
    text-decoration: none;
}

But this CSS selector is very basic, it could be easily overridden by other CSS if there's one, so it might not work for all the links :)

February 17, 2021 at 5:12 pm #1662523

Thank you Ying, that's worked for the bold. Is there any way to remove underline too? I thought it was already included in text-decoration: none; but obviously not! :-)

February 17, 2021 at 5:20 pm #1662530

Can you link me to the specific page in question?

February 18, 2021 at 2:19 am #1662854

Hi Leo, it's sidewide but here's the latest post:

Looking to remove underline from posts and pages.

February 18, 2021 at 2:44 am #1662881

Hi there,

You have this CSS on your Appearance > Customize > Additional CSS

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

Remove this CSS so your links don't have underline on hover. :)

February 18, 2021 at 2:51 am #1662892

Thank you Elvin! :-)

February 18, 2021 at 3:02 am #1662911

No problem. :D

This archived topic is closed to new replies.

Start building better websites today.