A user seeks to reduce the size of their size guide popup image on their Shopify store (sixdreamz.com).
Solutions Offered:
BSSCommerce-HDL and PageFly-Richard both suggest adding CSS code to theme.liquid (one above </head>, another above </body>), but the original poster reports no visible changes after implementation.
GTLOfficial provides an alternative approach: adding CSS to base.css that targets .scr-modal with transform scale and padding adjustments, claiming successful results with a before/after screenshot.
Current Status:
The issue remains unresolved for the original poster, who is uncertain about correct code placement. A second user (lisaoconnor91) has joined with related product/collection image sizing issues, also reporting that the suggested code produces no effect.
The discussion is ongoing with no confirmed working solution yet.
Hi @sixdreamz ,
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code
Step 2: Search file theme.liquid
Step 3: Insert this code above tag:
Hope this can help you,
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 