Customize the underlined text

Hi there,

Can you provide the link to the example?

Let me know :)

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

Try this CSS:

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

Didn't worked :(

Not seeing the CSS being added at all.

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

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

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>

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?

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.

Thanks Leo!

No problem :)

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.

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 :)

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