How to adjust the images

[NikosBat]

Hello guys, how can I adjust the first small image to be at the beginning of the main image and the last small image to be at the end of the main image (exact as possible)

[Mustafa_Ali]

Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->before the ----->
before the body ----->
if this code work please do not forget to like and mark it solution

[NikosBat]

Thanks Mustafa_Ali that has solved my Problem.

I have 1 more question, why is my selected small image not full circled with the black color? As you can see there is a line on the left side of the image missing

[BiDeal-Discount]

Hi @NikosBat

let try to add this custom css:

@media (max-width: 749px) {
  li.thumbnail-list__item button.thumbnail {
    left: 1px;
  }
}

the result:

[NikosBat]

Thank you so much that has worked for me.

[Mustafa_Ali]

ok then try this one plz

[NikosBat]

Hey quick question, do you also know how to minimize the space here? Between the images

[Mustafa_Ali]

Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->before the ----->
before the body ----->
if this code work please do not forget to like and mark it solution

[BiDeal-Discount]

Yes we can use this custom css:

@media screen and (max-width: 749px) {
    .thumbnail-slider .thumbnail-list.slider {
        column-gap: 6px;
    }
}