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

  • Resolved matzii

    (@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
    thanks

Viewing 7 replies - 1 through 7 (of 7 total)
  • 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

    Theme Author Automattic

    (@automattic)

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

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

    I hope that helps!

    Daniel

    (@marketinggreenpaint)

    @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 months, 1 week 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.

    Daniel

    (@marketinggreenpaint)

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.