Why are my homepage collection picture links unclickable?

Store Design
, ,

Topic summary

A user encountered an issue where collection image links on their homepage became unclickable after applying CSS code to remove overlayed text. The site uses the Capital theme.

Resolution:
GemPages support provided a solution involving:

  • Navigating to Online Store → Theme → Edit code
  • Opening the theme.liquid file
  • Pasting specific CSS/markup code before the closing </body> tag

The fix successfully restored clickability to the collection images. The discussion is resolved.

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

I asked for help yesterday on this forum about removing overlayed text that was displayed on top of the collection picture links on my homepage. Someone had the solution and I added the code. The problem now is that the images are not clickable.

My theme is Capital and my website can be found at https://bit.ly/3HKXkTk and the original post is https://community.shopify.com/topic/1868650.

2

Hello @pinegrover

It’s GemPages support team and glad to support you today.

You can follow these steps:

  1. Go to Online Store → Theme → Edit code

  2. Open your theme.liquid theme file

  3. Paste below code before :

If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team

1 Like
3

Thank you!

4

I am glad that my suggestion is helpful to you.

Best regards,
GemPages Support Team