How to reduce the size of the picture of collection on collection list

Store Design
1

How to reduce the size of the picture of collection on collection list

Maximko12_0-1701044565580.png
Maximko12_0-1701044565580.png1398×471 299 KB

2

Hi @Maximko12

This is Henry from PageFly - Shopify Page Builder App

Please share with me the URL - and password if password protected, So I can help you check it.
Await for your response

Best regards,
Henry | PageFly

3

Hi @Maximko12

Could you share your store link to check?

4

Artcase

5

link - Artcase

6

Please add this code to your theme.liquid file after tag in Online store > Themes > Edit code

@media screen and (min-width: 990px) {
.collection-list .grid--5-col-desktop .grid__item {
    width: calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5);
    max-width: calc(15% - var(--grid-desktop-horizontal-spacing) * 4 / 5);
}
.collection-list .grid {
    justify-content: center;
}
}

Screenshot_2.jpg
Screenshot_2.jpg1361×694 95.5 KB

7

Maximko12_0-1701082716652.png
Maximko12_0-1701082716652.png1901×340 33.8 KB

8

sorry, I forgot to specify that I need to configure it only for the mobile version

9

Please update code to this
10

nothing changes :cry:

11

Code updated
12

Code is updated
13

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.css

Step 3: Paste the below code at bottom of the file → Save

.card__inner {

width: 80% !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFl