Remove Underline from Hovered Links in Dawn Theme

GIREGGIA
Explorer
66 2 17

Can someone please advise how to remove the underlining of links when hovering over in the Dawn theme?

 

@Zworthkey 

Replies 14 (14)

dmwwebartisan
Shopify Partner
12303 2549 3702

@GIREGGIA 

Please add following the CSS code to your assets/base.css bottom of the file.

.full-unstyled-link:hover {text-decoration: unset !important;}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
GIREGGIA
Explorer
66 2 17

@dmwwebartisan unfortunately that doesn't seem to change anything

RCTERRA
Tourist
10 0 3

This code only removes the underline if your hover directly on the link or in my case the title of a product.  If you're hovering near the title it still underlines it

dmwwebartisan
Shopify Partner
12303 2549 3702

@RCTERRA 

Please share your store URL!

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

Sikandar253
Shopify Partner
5 0 2

@GIREGGIA 

Try this code to remove underline on hover from header menu links:

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

 

And try this code remove the underline on hover from the footer menu links:

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

GIREGGIA
Explorer
66 2 17

@Sikandar253 i'll try this, can you advise where in the coding I paste this?

Sikandar253
Shopify Partner
5 0 2

You just have to paste these codes at the bottom of the base.css file (under assets).

bossbabecreativ
Shopify Partner
21 2 10

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

 

 

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

 

 

 

^^^^

This worked for me! You just have to paste these two codes at the bottom of the base.css file (under assets).

SebastianL
Explorer
70 0 20

Worked for me too! Now next step is how to remove the underline when you open a tab in the menu. Anybody?

Sikandar253
Shopify Partner
5 0 2

--> For Header Menu Underline

.header__active-menu-item{
text-decoration: none;
}

 

--> For Header DropDown Underline

details[open]>.header__menu-item {
text-decoration: none;
}

 

--> For Footer Menu Underline

.list-menu__item--active{
text-decoration: none !important;
}

RCTERRA
Tourist
10 0 3

The code for the footer menu didn't work for me.  The first two did though.

Witness
Tourist
23 0 2

How can I turn off the underline and on the selected collection view?

NVIDIA_Share_EDhXLifIlg.png

I don't know what I'm doing
jasondane
Excursionist
36 0 11

This worked on mine. Thanks

lindz5223
Shopify Partner
7 0 2

I need help with this as well. I cannot find any :hover decoration, or border bottom.