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…
Best,
Isabelle
Topic summary
A user wants to adjust the Dawn theme’s product page layout to reduce image space and expand the text description area.
Solution provided:
- Navigate to: Online Theme → Select theme → Three dots menu → Edit code → Assets folder →
section-main-product.css - Locate the
.product__media-wrapperclass - Modify the
max-widthvalue to desired width (example shown changing default to custom percentage)
Important notes:
- Changes only apply to screens above 990px width; mobile view remains unchanged
- No need to modify the
widthproperty as it will follow themax-widthsetting - Screenshots were provided showing the exact code location and example modifications
- Remember to save changes after editing
The solution was marked as resolved by the original poster.
1 Like
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.
And change the max-width: in your desire outpout.
Exmple.
And Save the changes.
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!
1 Like