Product pictures size - Theme Dawn

Product pictures size - Theme Dawn

Byggstan
Tourist
15 0 1

How do i get my product list pictures smaller? I want them smaller like the picture I added.

 

26d05a0a07d89a712a5311346f95dbe1.pngb4a8f9f5a490fc6be80737a60cc91b7d.png

Replies 7 (7)

B2Bridge
Trailblazer
365 75 94

Hi @Byggstan 
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

B2Bridge: All-in-one B2B wholesale solution, enabling merchants to set up a complete B2B store quickly and without coding.
With features like customizable registration forms, customer segmentation, and tailored price lists, it simplifies wholesale management.
B2Bridge also includes a dedicated Quick Order page and flexible Net Payment Terms, streamlining operations for wholesalers and enhancing the buying experience.

Byggstan
Tourist
15 0 1

Hi, thanks!

6c9982-c2.myshopify.com

B2Bridge
Trailblazer
365 75 94

Hi @Byggstan 
I hope you are well. You can follow our instructions below:
1/ Shopify admin > Online store > Edit code
2/ Search for "theme.liquid" file
3/ Open the file and search for </head> tag and add the following code above </head> tag
Here is the code for Step 3:

 

{% style %}
@media screen and (min-width: 990px) {
    .card__inner.color-scheme-1{
       height: 75% !important;
    }
    .card__media img.motion-reduce {
       object-fit: contain !important;
    }
}
{% endstyle %}

 

Screenshot_5.png

 If this helpful, please let us know by giving us a like and marking its as a solution. Thanks you 😍

 

B2Bridge: All-in-one B2B wholesale solution, enabling merchants to set up a complete B2B store quickly and without coding.
With features like customizable registration forms, customer segmentation, and tailored price lists, it simplifies wholesale management.
B2Bridge also includes a dedicated Quick Order page and flexible Net Payment Terms, streamlining operations for wholesalers and enhancing the buying experience.

Byggstan
Tourist
15 0 1

Hi,

I added this: 

@media screen and (min-width: 990px) {
.grid--6-col-desktop .grid__item {
width: 12% !important;
margin: 0 10px !important;
}
}

to base.css

and it worked, but the last pictures/row in almost every collection keeps their size.

LizHoang
Shopify Partner
1251 159 195

Hi @Byggstan 

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file

 

@media screen and (min-width: 990px) {
    .grid--6-col-desktop .grid__item {
        width: 12% !important;
        margin: 0 10px !important;
    }
}

 

Result

LizHoang_0-1740393553567.png

 

Best,

Liz

 

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Check our Joy Rewards & Loyalty Program
Byggstan
Tourist
15 0 1

thank you! This works fine, except that the last doors in almost all collections keeps their size.

Byggstan
Tourist
15 0 1

f404b4af01a3a0cc3ffa99657aedba23.png