how to make ctegory list image smaller

Only 6 are allowed to be displayed on the desktop in the theme settings
I’d like to make the image a little smaller and modify it so that it can display more than 6 images

https://th0lote432duylur-64726204648.shopifypreview.com

is there is any solution with use custom css?

please help me

Decide how much content you want to display on the desktop. 7, 8 , 9 ?

1 Like

maybe 8

if it is possible want to make under slidebar appears if there is nore than 8 contents
like this

Hi @lavly

You can follow the steps here:

Step 1: Shopify admin > Online store > Customize
Step 2: From the left menu > Theme settings > Open Custom CSS
Step 3: Copy the code below and paste it there

@media only screen and (min-width: 1024px) {
.lg\:f-grid-6-cols {
grid-template-columns: repeat(8,minmax(0,1fr))!important;
--col-number: 8!important;
}
}
1 Like

Hi

Hope you’re doing great!

To resolve this issue, I need to review your theme files and identify the JS causing the problem. Could you please DM your collaborator code? This will allow us to send a store access request and fix the issue for you at no cost. It’s important to address this promptly, as it may be impacting your customer experience and sales.

1 Like

https://th0lote432duylur-64726204648.shopifypreview.com
it works but is to big
and i don;t want to use out of this line
please help me one more time

Hi

You can follow the steps here:

Step 1: Shopify admin > Online store > Customize
Step 2: From the left menu > Theme settings > Open Custom CSS
Step 3: Copy the code below and paste it there

.collection-list--slider.section__wrapper {

    overflow: hidden;

}
1 Like

hi

it doesn.t work…

i send you dm