How to remove underline from footer links until mouse hover?

I inserted links for my footer menu, but all of them are underlined. Is there anyway we can make them only underline when hovering our mouse over them? Thank you!

Please provide store url?

https://2cb7cc-ab.myshopify.com/products/indoor-exercise-trampoline

Pass: testpage

Hey @NgocLe1 ,

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.


Screenshot is for reference only, the correct code to paste is the one shown above.

Hi @NgocLe1

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

.multicolumn-card__info a {

text-decoration: unset;

}

.multicolumn-card__info a:hover {

text-decoration: underline !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

1 Like

Thank you very much!