make padding smaller

[sixdreamz]

hey, 

is it possible to make the padding (marked in red) smaller?

URL: sixdreamz.com

Password: sdc2003

[Sangeetanahar · Accepted solution]

hello @sixdreamz 

Go to online store ----> themes ----> actions ----> edit code ---->assets ---->section-main-product.css...> add the code end of the file

@media screen and (min-width: 990px) {
    .product--medium:not(.product--no-media) .product__media-wrapper, .product--small:not(.product--no-media) .product__info-wrapper {
        max-width: 50% !important;
        width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
    }
}

If this was helpful, hit the like button and accept the solution.
Thanks

[Moeed]

Hey @sixdreamz 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.product--medium:not(.product--no-media) .product__media-wrapper, .product--small:not(.product--no-media) .product__info-wrapper {
    max-width: 50% !important;
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2) !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed