Change Image Ratio In Collection Grid - Dawn Theme

Store Design
, , , , ,
1

I want to reduce the size of images in the collection grid in dawn theme.
The image ratio you see in the screenshot is “Portrait” option in Dawn Theme, Is there a way I can halve the ratio by 2 so they look smaller than this?

Screenshot (432).png
Screenshot (432).png1920×751 282 KB

1 Like
2

Hi @shooterwithnona

If you reduce the width of the collection grid possibilites it will show more images.

3

I don’t think so. Do you know how to reduce the size?

1 Like
4

Can I take a look? would you mind to share your Store URL website? with password if its protected. Thanks!

5

Password: 147089

1 Like
6

Do you like to show like this?

Ribe_Dagandara_0-1691433858520.png
Ribe_Dagandara_0-1691433858520.png1330×483 354 KB

They will show all on desktop but in smaller screen it will be in slide.

This is the code.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
  4. And Save.
slider-component.slider-mobile-gutter.slider-component-full-width.slider-component-desktop li {
    width: 10%;
}
  • I hope it help.
7

Thank you so much. Can you help align the prices on one line please?

8

Thank you so much. Can you help me align the prices on one line please???