How to get rid of underline when hoovering and links?

[basicbastardco]

Hi guys,

Thank you for always helping out.

I would like to get rid of the underline when hovering over a product or any links. Also, the underline from the hyperlink texts.

URL: https://basicbastard.co/

I would appreciate any help.

[suyash1]

@basicbastardco - add this css to the very end of your base.css file and check

.header__menu-item:hover .header__active-menu-item, .header__menu-item:hover span {
    text-decoration: none;}

.card__heading a{text-decoration: none !important;}

[basicbastardco]

Thank you! It worked only for the products but not the others for example these. If I hoover them the underline still appears. Also, the hyperlink has the underline.

[PageFly-Richard]

Hello @basicbastardco ,

This is Richard Nguyen - CRO Expert from PageFly- Advanced Page Builder.

From Shopify Dashboard, please go to Online Store > Themes > Action > Edit code. Then find Assets component-card.css file and remove this code:

@media screen and (min-width: 990px)

.underline-links-hover:hover a {
text-decoration: underline;
text-underline-offset:0.3rem;
}

Hope it helps!

[suyash1]

@basicbastardco - try this

.footer-block__details-content .list-menu__item--link:hover, .copyright__content a:hover {
    text-decoration: none !important;;}

a, a span{text-decoration: none !important;}

[basicbastardco]

https://basicbastard.co/pages/shipping-policy

On this page, I have the FAQ which still has the underline while hovering. Rest fixed. Thank you so much for your help. You made my day.

[suyash1]

@basicbastardco - try this

.collapsible-content summary:hover .accordion__title{text-decoration: none;}

[basicbastardco]

.collapsible-content summary:hover .accordion__title{text-decoration: none !important;}

It worked after I add the important part. Thanks a lot. By the way, the underline is gone but their space still exists which is not making the content centre. For example.