How to make images clickable on "text columns with images" for Spark theme please?

Store Design
,

Topic summary

A user working with Shopify’s Spark theme needs to make images clickable in the “text columns with images” section. They shared their section code (text-columns-with-images.liquid) seeking guidance.

Initial Challenge:

  • Images in the section were not clickable/linked
  • User provided code snippet showing the section structure

Troubleshooting Process:

  • Support requested store URL and screenshot for inspection
  • Access was initially blocked by password protection
  • After password removal, the site became accessible for review

Solution Provided:
The helper (@webwondersco) recommended:

  1. Remove existing padding-top CSS
  2. Add custom CSS to theme.css:
    • Set .text-columns-with-images__item-inner to position: relative
    • Create a pseudo-element (:before) on heading links with absolute positioning, 180px dimensions, and full coverage (inset: 0) to make the entire image area clickable

Outcome:
The user confirmed the solution worked successfully. The issue was resolved through CSS modifications rather than Liquid template changes.

Summarized with AI on November 11. AI used: claude-sonnet-4-5-20250929.
7

@webwondersco Got it :wink: but I can’t give you password sorry.

What infos from front-end do you need?