Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
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!
Solved! Go to the solution
This is an accepted solution.
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
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
Please provide store url?
Hey @NgocLe1,
Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.
<style>
.slider-mobile-gutter .rte a {
text-decoration: none !important;
}
.slider-mobile-gutter .rte a:hover {
text-decoration: underline !important;
}
</style>
Screenshot is for reference only, the correct code to paste is the one shown above.
This is an accepted solution.
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
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
Thank you very much!
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025