prestige theme multicolumn images smaller

Store Design

Topic summary

A user wants to reduce multicolumn images to 10% of their original size and remove the zoom effect on their Shopify store using the Prestige theme.

Proposed Solution:

  • Add custom CSS to the theme’s code editor
  • Target .multicolumn-card__image-wrapper class
  • Set max-width: 10% !important and height: auto !important
  • Additional CSS needed to disable the zoom effect (not fully detailed in response)

Status: Initial CSS solution provided, but implementation details for removing zoom functionality remain incomplete.

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

I want to make the multicolumn images 10% size, and I would like to remove the zoom

link: https://ull0bs5saxwsyt3t-75839963485.shopifypreview.com

image for reference https://ibb.co/tMM168ZT

Thanks for your help

2

Hi,

Hope this will help

At edit code reduce multi-column image size by using css

css example

/* Reduce multicolumn images to 10% size */
.multicolumn-card__image-wrapper {
    max-width: 10% !important;
    height: auto !important;
}

and remove zoom effect