Change Sizeguide Image Size

[sixdreamz]

Hey, 

i want to make the Image Size of my Size Guide a little bit smaller. Is this possible?

URL: sixdreamz.com

[BSSCommerce-HDL]

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 </head> tag:

<style>
.scr-modal {
   max-width: 500px !important;
}
</style>

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 😍

[sixdreamz]

Hello, thanks for youre response.

When i do what you said nothing happens. So i just want to make sure that i put it in the right place.

here? 

[PageFly-Richard · Accepted solution]

This is Richard from PageFly - Shopify Page Builder App

Hi @sixdreamz  Please add code here to fix it.
Step 1: Online Stores > Themes > More Actions > Edit code
Step 2: click on theme.liquid and paste the code above the </body>

<style>
.scr-modal{
    transform: translate(-50%, 0%) scale(0.7) !important;
}
</style>

Hope this can help you solve the issue

Best regards,
Richard | PageFly

[lisaoconnor91]

Hi Richard, 

I am having the same issue for Products images are showing different sizes and for collections are zooming in too much. 

When I add the above code there is no change. 

Can you assist please

[GTLOfficial]

Hello @sixdreamz 
Go to online store ---------> themes --------------> actions ------> edit code------->base.css
at the end of the file and save.

.scr-modal {
transform: translate(-50%, 0%) scale(0.4) !important;
padding: 58px;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks