How can I fix the underline and purple text issue in my store's footer?

Store Design
, , ,

Topic summary

A user encountered styling issues after adding code for clickable images to their Shopify store using the Origin theme. The problem manifests as:

Main Issues:

  • All text appearing underlined and purple
  • Footer subscribe box incorrectly styled as a link
  • Previous CSS fix attempts unsuccessful

Attempted Solution:
User tried adding CSS targeting .footer-block__details-content .list-menu__item--link:hover with properties including color: white !important, text-decoration: none, and text-underline-offset: 0rem.

Proposed Fix:
A PageFly representative suggested adding specific code to the theme.liquid file above the </head> tag:

  1. Navigate to Online Stores > Themes > Actions > Edit code
  2. Click on theme.liquid
  3. Paste the provided code above </head>

Note: The actual code snippet and some screenshot details appear corrupted or reversed in the original post, which may affect implementation. The discussion remains open pending confirmation of whether the solution resolved the issue.

Summarized with AI on November 12. AI used: claude-sonnet-4-5-20250929.
1

hello, i have a huge problem with my store (origin theme), i added a couple codes to be able to have clickable images on my homepage, ill post pictures of what i added. after adding these all my text is underlined and purple? i have added multiple codes to fix this but nothing is working and its still effecting my Footer with underline on my subscribe box and making it a link. here are the pictures and the code i used to try and fix this issue.

Screenshot 2024-02-05 131403.png
Screenshot 2024-02-05 131403.png1156×576 282 KB

Screenshot 2024-02-05 130942.png
Screenshot 2024-02-05 130942.png692×321 77.1 KB

Screenshot 2024-02-05 123557.png
Screenshot 2024-02-05 123557.png1653×637 56.4 KB

above is what i added to add clickable image links,

here is what i added to try and fix the underlin and purple color

.footer-block__details-content .list-menu__item–link:hover {
color: white !important;
text-decoration: none;
text-underline-offset: 0rem;
}

PLEASE help me! thank you

preview website

https://7t4741xntcqogxlt-78048330023.shopifypreview.com

1 Like
2

Hi @Glassywake

This is Theodore from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the 


Hope this can help you solve the issue

Best regards,

Theodore | PageFly