Support » Theme: Storefront » the version 2.4.4 have changed the css code for link underline

  • Resolved matzii


    i have childtheme that have link text-decoration: none;
    but now the version 2.4.4 you have changed the css code for link underline, so my childtheme dont work on this thing anymore!?

    I would been greatful if you change it back sine´ce i have many storefrontsites and i dont like to have the link with a underline!

    hope that you understand

Viewing 7 replies - 1 through 7 (of 7 total)
  • Hi there,

    This change was made for accessibility reasons.

    Please read:

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

    Thread Starter matzii



    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

    Theme Author automattic


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

    a { text-decoration: none !important; }

    I hope that helps!




    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 2 years, 3 months ago by Daniel. Reason: typing


    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;}




    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 {
    a:active, a:hover, a:focus {outline-style: none !important;}

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘the version 2.4.4 have changed the css code for link underline’ is closed to new replies.