How do I change the page width of my product pages?

[viviq]

I want to make the page width of my product page smaller. It's currently so large, it's right in my face. See example: https://www.viviqsucculents.ca/collections/succulents/products/echeveria-blue-surprise  

My theme is Cornerstone. 

[summersrain]

This might be happening due to predefined aspect ratio of the image , you can editing the theme.css file 
line 9460 -  aspect-ratio: 4 / 5  is affecting so mayb consider removing, it seems to work when i try via inspect

note: please a copy and edit the site

[zack_dev · Accepted solution]

hi,

<style>
.template-product main#main {
    padding: 0 5%;
}
</style>

this css would reduce the width.

[viviq]

this worked great, thanks!

[zack_dev]

glad to help 🙂

[edifi3d]

Amazing, this works great.  Only thing is:

- Width is reduced in mobile mode as well, is there a way to exclude mobile ?

Thank you!

[zack_dev]

<style>
@media(min-width:768px)
{
.template-product main#main {
    padding: 0 5%;
}
}
</style>

Hi you can replace the css with this one it will apply only to desktop .

[edifi3d]

Thank you so much!

[zack_dev]

You are welcome !