How can I modify product display per row in the Dawn theme?

Store Design
1

Hi!

I’m trying to launch my website and I wanted to change how many products are displayed per row. However I’m unable to find how to change it, I’m using Dawn as my theme.

Thanks in advance

2

Hi @pleated ,

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

Thank you.

3

do i have to share that information in order to be helped?

4

www.pleatedseminarycollection.com

5

Hi @pleated ,

How many impressions per row do you want? So we can fix it for you.

Thanks

6

two

7

two

8

Hi @pleated ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css->paste below code at the bottom of the file:
.grid--quarter-max.grid--4-col-desktop .grid__item {
max-width: calc(50% - var(--grid-desktop-horizontal-spacing) * 3 / 4) !important;
width: calc(50% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

9

Since I made this change to my website, the products are very blurry.
Could you please assist me?
thank you so much!

10

Hi @pleated ,

You go to edit code → Snippets → card-product.liquid → Find <img tag → Change all value img_url = master:

Screen Shot 2022-03-03 at 9.17.00 AM.png
Screen Shot 2022-03-03 at 9.17.00 AM.png2862×984 685 KB

Hopy it can help you

11

i don’t understand what text i should insert

12

this is the error that showed when i tried saving the changes.

13

Hi @pleated ,

At the location I took pictures for you to see. You can change it to img_url: master or img_url: 1000x (currently I have set it to 1000x to load 1000px. If you set master, the image will get the correct size you uploaded)

Thanks

14

Is this inserted correctly?

15

Hi @pleated ,

Yup. You can try it.

Thanks you

16

i tried and its still blury