[Resolved] Customize the underlined text

[Sebastián]

Hi

I would like to configure my underlined text like the attachment https://imgur.com/9NmGOws

So, I need to modify the underline colour and the thickness of it.

Is there any code to manage that?

Thanks

[Leo]

Hi there,

Can you provide the link to the example?

Let me know 🙂

[Sebastián]

Sure: https://www.borjagiron.com/internet/como-ganar-dinero-en-internet-gratis/

[Leo]

Try this CSS:

u {
    text-decoration: none;
    box-shadow: inset 0 -7px 0 0 #bee6ec;
}

[Sebastián]

Didn’t worked 🙁

[Leo]

Not seeing the CSS being added at all.

Did you try clear any caching plugin you might have activated?

[Sebastián]

Try now. Added here: https://nichoseo.com/como-encontrar-un-nicho/

[Leo]

Where can I see a line with the underline <u> tag being used on that page?

The simple way to test is to create a new page with this as content without Elementor:
<u>underline test</u>

[Sebastián]

Ok so I applied using <u></u> and it works but Im using tinymce advanced when adding underline so I thought Elementor had nothing to do.

I see that Elementor (I guess?) use this: <span style=”text-decoration: underline;”> instead of <u></u>

Im using lots of underline text. What’s the best way to change them all in this case?

[Leo]

You can only edit that manually as far as I know.

Or try search:
text-decoration: underline;

and replace with:
box-shadow: inset 0 -7px 0 0 #bee6ec;

if you are comfortable with that.

[Sebastián]

Thanks Leo!

[Leo]

No problem 🙂

[Tom]

Hi Leo, I have a similar question – all I want to do is apply underline formatting to all links in the body of my posts (exclude navigation menu in header, footer). I am currently doing this manually, how can I do this with CSS? Thank you.

[Leo]

Try this CSS:

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

If this doesn’t work, can you open a new topic and link me to the site in question?

Thanks 🙂

[Tom]

Worked perfectly, thanks Leo. Just had to manually override underlines on CTA buttons. Appreciate the fast reply.

[Author]

Posts