Remove underline hon hover from footer element in dawn theme

Remove underline hon hover from footer element in dawn theme

SatoriVintage
New Member
13 0 0

How can I remove the underline on hover. Please help!

Screenshot 2025-01-17 at 12.06.25.png


https://satorivintage.com/pages/shippinh
Password: aibewn

Replies 6 (6)

EstherBui
Excursionist
275 39 41

Hi SatoriVintagePreview

Try following the steps below.
Step 1: Go to Edit code
Step 2: Find file section-footer.css and add this code at the end of the file.

 

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

 


Best,
Esther

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

GTLOfficial
Shopify Partner
769 160 169

Hello @SatoriVintage 

Go to online store ----> themes ----> actions ----> edit code ----> assets ----> section-footer.css
add this code at the end of the file and save.

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

result
154.png

If this was helpful, hit the like button and accept the solution.
Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh

topnewyork
Astronaut
1130 151 189

Hi @SatoriVintage 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

<style>
a.link.link--text.list-menu__item.list-menu__item--link:hover {
   text-decoration: none !important;
}
</style>

 

Need a Shopify developer? Hire us at Top New York Web Design
Boost Your Store Sales with Volume/Tier Discount Try Big Bulk Discount
Create New Shopify Store For Just 1$/Month
SatoriVintage
New Member
13 0 0

Hi, thank you for the idea, however when I am in the page it still shows up as underlined.

 

Screenshot 2025-01-17 at 15.57.15.png

websensepro
Shopify Partner
1854 215 261

Hi @SatoriVintage 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

ul.footer-block__details-content.list-unstyled a:hover {
    text-decoration: none !important;
}

 

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
Use our Big Bulk Discount app to boost your sales! 🚀 (https://apps.shopify.com/big-bulk-discount). Easy to set up and perfect for attracting more customers with bulk discounts. Try it now and watch your revenue grow!

 

 

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP
SatoriVintage
New Member
13 0 0

Hi, thank you for the idea, however when I am in the page it still shows up as underlined.

 

SatoriVintage_0-1737125924947.png