Archived topic

Link Style - how to remove underline in pictures

5 replies · Started by Jose on September 17, 2020

Viewing posts 1–6 of 6

September 17, 2020 at 2:07 pm #1447773

Hi,

I'm using this custom CSS to underline links in the content. It works perfectly.

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

However, the images that are linked to a bigger version of themselves have now the image underlined
Any way to apply this underline to only the text in the content?

Thank you

September 17, 2020 at 2:14 pm #1447784

Hi,

Can you provide us a link to your site to take a closer look?

It'll help a lot as we can see the page to identify the most suitable CSS selector to apply your styling.

September 17, 2020 at 2:25 pm #1447788

Sure, please see the underlined picture link

https://www.iartificial.net/correlacion-covarianza-ibex35/

Thank you

September 17, 2020 at 2:34 pm #1447797

Thanks.

Perhaps this CSS code is the better approach as this only targets texts regardless of what's inside the anchor links tag.

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

But if you really prefer the border-bottom approach, you can exclude the links with images inside by trying this.

figure.wp-block-image > a {
    border: none;
}

Let us know if it works for you.

September 17, 2020 at 11:46 pm #1448121

it works perfectly

thank you Elvin

September 18, 2020 at 12:05 pm #1449124

Nice one.

No problem.:)

This archived topic is closed to new replies.

Start building better websites today.