Hi there,
This change was made for accessibility reasons.
Please read: http://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 1 year, 2 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;}
