How do i get my product list pictures smaller? I want them smaller like the picture I added.
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.
Hi, thanks!
6c9982-c2.myshopify.com
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
Best,
Liz
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 tag and add the following code above 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 %}
If this helpful, please let us know by giving us a like and marking its as a solution. Thanks you ![]()
thank you! This works fine, except that the last doors in almost all collections keeps their size.
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.




