the version 2.4.4 have changed the css code for link underline

Hi there,

This change was made for accessibility reasons.

Please read: https://www.webaxe.org/keep-the-underline-text-links/

However, should you wish, you can override this change with custom CSS.

Hi

Thanks for fast answer!!
i understand

but i have several hundreds of storefront sites and there is many more like me that will have the same trouble. it will take several hours to update all sites child-theme

i think its better if you have it in the customize settings/typografi/linkcolor on the same place where i change the colour of the link. and default value should be disabled

You have the underline in the widget from the “begining” and that one i eliminated with this:
.widget-area .widget a:not(.button){font-weight:400;text-decoration:none}
but thats not enought now any longer when you activated the underline in the other places

You can force all links to not have an underline with:

`
a { text-decoration: none !important; }
`

I hope that helps!

@automattic

That code works perfectly.
BUT when I click any link it creates a border around the link.
I have managed to change it to white it by going to Customize > Typography and changing the Link / Accent Color but it also changes the customer dashboard links(not what I was looking for) I want to completely remove it(the border)

Thank you in advance! ??

• This reply was modified 5 years, 12 months ago by Daniel. Reason: typing

@marketinggreenpaint

I had the same problem and I just added this line in ‘Additional CSS’ to solve it.

a:active, a:hover, a:focus {outline-style: none !important;}

Greetings.

@quemasteda
Thanks alot, works! ??

I also have this as an issue. Messes up the whole look and feel of my site.
Unfortunately this didn’t work for me.

Here is my entire “Additional CSS”

.page-template-template-homepage .entry-content, .page-template-template-homepage .entry-header { max-width: 100%; }
.wbm_banner_image {
display: none;
}
.woocommerce-active .site-header .site-branding img {
max-width:100%;
}
a:active, a:hover, a:focus {outline-style: none !important;}