Change Sizeguide Image Size

Solved

Change Sizeguide Image Size

sixdreamz
Explorer
103 0 36

Hey, 

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

 

URL: sixdreamz.com

 

sixdreamz_0-1726707946069.png

 

Accepted Solution (1)

PageFly-Richard
Shopify Partner
4668 1069 1726

This is an 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

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 4 (4)

BSSCommerce-HDL
Shopify Partner
2305 848 1065

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 😍



Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

sixdreamz
Explorer
103 0 36

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? 

sixdreamz_0-1726708808762.png

 

PageFly-Richard
Shopify Partner
4668 1069 1726

This is an 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

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.

GTLOfficial
Shopify Partner
558 121 110

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
2.png

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

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh