how to decrease page width of product page without decreasing page width anywhere else

[Kindergo]

Hello Everbody! 🙂 My website is Shopkindergo.com... I need to decrease the page width of my product page

I want the product page width to be decreased so that all the information including pictures fits into that red circle...

I also do not want to change the website page width anywhere else on the website because i like the page width the way it is... I only want to change the product page width.

If anybody knows the solution if you could share it with me that would be appreciated if it works I will definitely upvote it and mark as accepted solution. Thanks 🙂

[Kindergo]

shopkindergo.com

[Arif_Shopidevs · Accepted solution]

Hello,

@media screen and (min-width: 750px) {
section#MainProduct-template--22962994774297__main .page-width {
    width: 63% !important;
}
}

IF you use this code in your 
Online Store->edit code-> base.css area, it will only effect in product page as you will notice we select the product page templates.
The global page-width class will change all site page class.

Hope this will solve your issues.

Thank you
 

[Arif_Shopidevs]

Hello, If you want to change the product page only the above code will work other wise it will impact your inner page like about us page etc.

Thank you