ANY CSS PADING CODE FOR A PRODUCT PAGE ?

[AA226]

Hey Community,

I want to add to add padding on the right side of the pading overview for the screen to not look like it's cut or stick to the end of the screen. BUT only on the right side, the left side might stay stuck because it's the photo. 

For mobile view : 

Is there any code to add padding on the text and buttons of the product overview please ? Again no padding for the pic but just for the detail behind such as the product title or the "add to cart button" (between the red square). and for the product arrows. 

I will be grateful a lot, for your help it's the only thing that bother me while i took a real pleasure creating my website. 

edibpe-sw.myshopify.com

Website pw : kingaaliya

[Moeed · Accepted solution]

Hey @AA226 

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-single__info-wrapper {
    padding: 0rem 2rem 0rem 2rem !important;
}
</style>

RESULT:

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

Best Regards,
Moeed

[AA226]

Perfect thank you so much

[Moeed]

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

[topnewyork]

Hello, @AA226 

Go to Online Store
2) Edit Code
3) Find theme.css/base.css file
4) Add the following code in the bottom

.product-single__info-wrapper {
    padding: 0rem 3rem 0rem 3rem !important;
}

Thanks!