How to make images in multicolumn links Dawn 7.0.1

Technical Q&A
,

Topic summary

A user needed help making images and text clickable within a 4-column multicolumn section on their Shopify Dawn 7.0.1 theme homepage.

Solution provided:

  • First, ensure links are added to all columns in the multicolumn block settings
  • Edit the multicolumn.liquid theme file
  • Wrap both images and text with conditional anchor tags that check if block.settings.link is not blank
  • Add inline CSS styling to the text links (color: inherit; text-decoration: none)

Code structure:
The solution involves adding {% if block.settings.link != blank %} conditions before opening <a> tags and closing them with {% endif %} after the content. This applies to both image and plain text elements.

Outcome:
The user confirmed the solution worked perfectly, successfully making both images and text hyperlinked in their multicolumn layout.

Summarized with AI on November 17. AI used: claude-sonnet-4-5-20250929.
2

Hi @rjluna ,
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.