Product page layout - less image more text

isabellemaria
Trailblazer
197 1 24

Hi there,

 

I want to give the product images less space and the description on the right more. How can I do this? Usind Dawn theme.

 

Would be best if you can tell me where to change the css code instead of adding another piece of code...

 

www.taneraskin.com


Best,

Isabelle

Reply 1 (1)

Made4uo-Ribe
Shopify Partner
6383 1533 1903

Hi @isabellemaria 

You can follwo this instruction, 

From the Online Theme > Select theme > Click the3 dots > edit code > Go to Asset folder > find the Section-main-product.css. And look the code below. 

Made4uoRibe_0-1716560198901.png

And change the max-width: in your desire outpout. 

Exmple.

Made4uoRibe_1-1716560265423.png

And Save the changes. 

Made4uoRibe_2-1716560292750.png

It is okay that you wil not change the width cause it will follow always the max-with. 

Note: This change is only for above screen size 990px it wont change on the mobile screen .

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.