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

Store Design
,
1

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.

environmentalPa_0-1747491608427.png
environmentalPa_0-1747491608427.png1899×918 174 KB

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

Thank you so much fellow community members in advance!

2 Likes
2

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 tag

RESULT:

Moeed_0-1747491877424.png
Moeed_0-1747491877424.png1300×793 130 KB

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

Best Regards,
Moeed

1 Like
3

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;
}

devcoders_0-1747492248621.png
devcoders_0-1747492248621.png1356×557 227 KB

1 Like
4

thanks once again Moeed

5

appreciate the help.

6

thanks alot

1 Like
7

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.

8

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.