Move Collection Name Above Image

Topic summary

A user needed help repositioning the collection title above the image (instead of below) on their Shopify store using the Studio theme. An initial CSS solution successfully moved the title but inadvertently made the collection images unclickable.

Solution provided:
Custom CSS code targeting .card--standard elements was refined to:

  • Position the title absolutely at the top
  • Add margin to the card inner element
  • Ensure full width/height coverage to restore clickability

The code is added to the theme’s base.css file through the ‘Edit Code’ option.

Current status:
The original issue was resolved. However, a new participant reported that the same code affected their entire shop when they only wanted it applied to product pages, indicating the solution may need page-specific targeting for some use cases.

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

Hi Terence,

You’re amazing. Thank you so much for your help!! :hugs: