How can I make my images full size?

Solved

How can I make my images full size?

DylanRyan
Excursionist
26 1 3

IMG_4504.PNG

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

Accepted Solutions (2)

BSSCommerce-TC
Shopify Partner
214 46 48

This is an 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;
   }
}

 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.


MIDA: Heatmap, Record & Replay |BLOOP Referral Program, Reward |

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

Natasha-Saed
Shopify Partner
420 46 77

This is an accepted solution.

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

 

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

If my solution helped you don't forget to accept it to help others.
===================================================================
And if you really like my support share a cup of coffee with me paypal.me/freemindsint

View solution in original post

Replies 5 (5)

BSSCommerce-TC
Shopify Partner
214 46 48

This is an 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;
   }
}

 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.


MIDA: Heatmap, Record & Replay |BLOOP Referral Program, Reward |

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
DylanRyan
Excursionist
26 1 3

image.jpg

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

Natasha-Saed
Shopify Partner
420 46 77

Hi,

 

The gap is becuase of the border 

 

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

If my solution helped you don't forget to accept it to help others.
===================================================================
And if you really like my support share a cup of coffee with me paypal.me/freemindsint
Natasha-Saed
Shopify Partner
420 46 77

This is an accepted solution.

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

 

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

If my solution helped you don't forget to accept it to help others.
===================================================================
And if you really like my support share a cup of coffee with me paypal.me/freemindsint
DylanRyan
Excursionist
26 1 3

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