How Do I change the padding of the elements of the product page on Mobile Version?

Site URL: https://www.caiobelfiori.com/store/p/country-feast-set-l9ldf

Right now, there is too much spacing ( image on the left).
There should be less spacing ( image on the right).

Thanks so much

Space between image - title or?

Sorry, I thought with the screenshots would be enough to explain.

I would like to reduce the space between:

- Image and Title
- Tittle and Button
- Button and Description

Thanks so much
 

Good afternoon.
Any updates on this?
Thanks so much

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
/* space title - image */
figure.ProductItem-gallery {
    margin-bottom: 0 !important;
    padding-bottom: 0;
}
.ProductItem .ProductItem-details h1.ProductItem-details-title {
    padding-top: 0;
    margin: 0 !important;
}
/* button description */
.ProductItem-details .sqs-add-to-cart-button-wrapper {
    margin: 0;
}
/* button price */
.ProductItem-details .ProductItem-product-price {
    margin: 0;
}
}

Hello! I'm trying to reduce the space on my product page (mobile view). I want to reduce the space between price & button, and also reduce space between button and description.

Are you able to help with the code?

Thanks!

On 4/24/2023 at 7:59 AM, rachella said:

Hello! I'm trying to reduce the space on my product page (mobile view). I want to reduce the space between price & button, and also reduce space between button and description.

Are you able to help with the code?

 

Thanks!

Can you share link to this product?