How to change small images width

[NikosBat]

Hello guys as you can see in the picture there are 4 variant images visible without scrolling. How can I change that and make it like 4,5 images. Basicall 4 complete images and the 5th should be half, so that the people would know that there are more images and they should scroll.

[htmlBurger]

Hello @NikosBat 

Can you please share your store URL so I can check this?

[CodingFifty]

Hi @NikosBat,

Thank you for reaching out to the Shopify community. I'd be glad to assist you. Could you kindly share your store URL and
password (if it’s password-protected) so I can review it and provide you with an update?

[NikosBat]

Hello CodingFifty, of course here is the url and password:

https://www.nistore.de/products/3-in-1-dog-hair-brush-cat-hair-brush-electric-pet-cleaning-brush-ste...

nikthe

[brisk_code]

Hi there

1. Go to Customize

2. Select Product Page

3. Paste the code in Custom CSS section

code: 

@media screen and (min-width: 900px) {
  .thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide {
    width: calc(20% - 2rem) !important;
  }
}

[NikosBat]

Hey Brsik_code and thanks for answering, my Custom CSS code is already full i cant add more codes in there. Can i paste the code somewhere else?

[CodingFifty · Accepted solution]

Hi @NikosBat,

Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.

@media screen and (min-width: 900px) {
  .thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide {
    width: calc(20% - 2rem) !important;
  }
}

[NikosBat]

Thank you very much CodingFifty, that solved my problem

[CodingFifty]

You're welcome! @NikosBat 

[brisk_code]

He copied my answer 😂