Wish to resize dawn theme's product grid images for desktop and tablet screen sizes.

[environmentalPa]

Hey guys, am looking to reduce the image sizes of the product grid images on desktop and tablet screen sizes. 

Wondering if this is possible. 

https://environmentalpartners.com.au/collections/cleaning-products 

Thank you so much fellow community members in advance!

[Moeed]

Hey @environmentalPa 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.grid--2-col-desktop .grid__item {
    width: 30% !important;
    max-width: 30% !important;
}
</style>

RESULT:

If I managed to help then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[environmentalPa]

thanks once again Moeed

[Moeed]

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

[environmentalPa]

appreciate the help.

[devcoders · Accepted solution]

Hello @environmentalPa 

1. From your Shopify Admin, navigate to Online Store > Themes > Edit Code
2. In the Assets folder, open base.css and add your CSS code at the end

.grid--2-col-desktop .grid__item {
width: 40% !important;
max-width: 40% !important;
}

[environmentalPa]

thanks alot

[devcoders]

Hello @environmentalPa 
Thank you for your response. It's good to know that it's worked for you. Kindly feel free to get back to me if you need any further assistance. If helpful, please like all posts.