How can I adjust padding to enlarge main product image?

Store Design
,
1

Hi guys

Can anyone kindly assist me in making my main priduct image fill more of the box. I meed to adjust the margin and padding somehow.

Its more obvious when looking at the free delivery banner how far away it is from the edge.

Screenshot_20221027_205222.jpg
Screenshot_20221027_205222.jpg1080×2240 154 KB

Thanks in advance

Richie

2

hi @Rcullen
Thank you for your question.
Please share your store URL, page URL and also password (if your store has one) so we can help you.

3

Hi @Rcullen ,

You can try this CSS code may it can help you.

Go to Online Store > Themes > click on 3 dots > Edit codes > Assets > open theme.css.liquid file and add this CSS code at the bottom

.green_ribbon_12279 .green-zend_ribbon { 
top: -15px !important; 
left: -15px !important;
}
4

@Rcullen

Thank you for your question.
Please share your store URL, page URL, and also password (if your store has one) so we can help you.

Thanks!

5

Hi @Rcullen ,

Go to Assets > theme.css and paste this at the bottom of the file:

@media screen and (max-width: 640px) {
  .product-list--collection .product-item {
         padding: 10px !important;
  }
}

Hope it helps!