How to Remove Underline on Links from Footer Text (not in menu)

Hi there - how can I remove the underline in links in text fields in the footer (not menus)? I would like to remove the underlines in the Location section of my footer, while still linking to store pages and telephone numbers. Any help will be appreciated!

https://www.springersjewelers.com/

1 Like

Hi @hannahspringers

Can you pleas share you store URL and password if its a password protected so I can help you out

Here you go -

https://www.springersjewelers.com/

Just follow the steps Below:

  1. Go to online store → theme
  2. select three dots and select code edit
  3. Search for the file theme.css and base.css
  4. past that code at the end
.footer__block a {
    text-decoration: unset !important;
    background: unset !important;
}​

I hope this solution worked for you!
if Yes Just like this Reply and Mark it as a Solution and to keep me motivated BUY ME A Coffee

Hi @hannahspringers

Try this one.

  1. From your Shopify admin dashboard, click on ā€œOnline Storeā€ and then ā€œThemesā€.
  2. Find the theme that you want to edit and click on ā€œActionsā€ and then ā€œEdit codeā€.
  3. In the ā€œAssetsā€ folder, click on ā€œbase.css, style.css or theme.cssā€ file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.footer__block.footer__block--text .rte a {
    background: none !important;
}

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!

Welcome! Would you mind hitting ā€˜like’ as well? Thanks!