How can I make my images full size?

[DylanRyan]

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=49256595161...

[BSSCommerce-TC · Accepted solution]

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;
   }
}

[BSSCommerce-TC · Accepted solution]

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;
   }
}

[DylanRyan]

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

[Natasha-Saed]

Hi,

The gap is becuase of the border 

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

[Natasha-Saed · Accepted solution]

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

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

[DylanRyan]

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