Underline links - but not icons etc

[Kobber]

Hi,

I use this code:

.entry-content.content a:not(.x-anchor-button) {
text-decoration: underline!important;
color: inherit;
}

• to underline links instead of giving them a color, but that code also underlines icons (which has a function) and my phone number (which is also a link). How can I avoid that?

As an example - look here: https://vektropol.dk/logodesign/

[marc_a]

Hi Kobber,

Thanks for reaching out!

You could try this CSS selector.

.entry-content.content a .x-text-content-text {
	// your CSS code here
}

Hope that helps.

[Kobber]

Hi @marc_a

Unfortunately not. That does delete the underline on clickable icon, but it gives me underline on phone links and my regular internal links gets a color from the theme options.

[ruenel]

Hello @Kobber,

You will have to selectively target the telephone link. You can check out this article first:

• https://www.w3schools.com/cssref/css_selectors.asp

I meant that you need to target a[href^="tel"] and a[href^="tel"] * in your custom CSS.

.my-section  a[href^="tel"],
.my-section  a[href^="tel"] * {
    /* my custom styling here */
    /* remove underline */
}

Please note that custom coding is outside the scope of our support. Issues that might arise from the use of custom code and further enhancements should be directed to a third party developer.

Best Regards.