How can I make my images full size?

Store Design
,
1

IMG_4504.PNG
IMG_4504.PNG828×1792 212 KB

This is how it looks I want the image to be full size no paddings on sides and top

this is my webiste: https://leorel.com/products/leorel-magnetic-eyelashes?_pos=2&_psq=s&_ss=e&_v=1.0&variant=49256595161423

2

Hi @DylanRyan ,

You could follow these steps:

Step 1: Go to Online store > themes > edit code and find base.css file

Step 2: Insert below code at the end file and Save them

@media screen and (max-width: 750px) {
   section[data-section] {
     padding: 0 !important;
   }

   .product__info-wrapper.grid__item {
     padding: 0 2rem !important;
   }
}
2 Likes
3

image.jpg
image.jpg828×1792 116 KB

It almost did it but for some reason there is little gap on the left and top on every picture

4

Hi,

The gap is becuase of the border

(.ymq_swiper-slide img ) it is set to 2px you need to change it to 0

1 Like
5

Add the following code to the bottom of your base.css file

.ymq_swiper-slide img {border: 0px !important;}

1 Like
6

Did not completely disappear it but made it super tiny, thank you very much for the help.