How can I move product images to a different location on the product page?

Topic summary

Goal: reposition product images so they sit below the currently viewed photo on the product page using Shopify’s Custom CSS in the product details section.

Context: The store uses the Alchemy theme by Clean Canvas. The requester can add CSS but needs guidance on what to change. Store URL and two screenshots were provided to illustrate current vs. desired layout.

Latest update: A responder asked which theme is used; the requester confirmed “Alchemy.” No code or specific instructions have been provided yet.

Key needs: CSS/HTML guidance (or theme setting) to move the product image gallery beneath the main image, compatible with Alchemy.

Assets central to understanding: screenshots and store URL.

Status: Open/ongoing; awaiting theme-specific solution or CSS selectors/rules to implement the layout change.

Summarized with AI on January 6. AI used: gpt-5.

I’d like to move my product photos to sit below the current photo being viewed. In my theme editor, I am able to use Shopify’s “Custom CSS” feature in the product details section. I have a feeling it can be done there, I just wouldn’t know where to start.

Store url: www.rebellivn.myshopify.com

Hi @mattks ,
Can you share with us your store theme so our team can check on that? We would love to provide you with a solution for your issues.

I appreciate that. The theme is Alchemy by Clean Canvas