Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
I am looking to adjust the width of the 'Collapsible Content' Box within my product pages on store, currently this object does not fill the regular width of the page and it looks a little off.
Can anyone please help advise? See image attached what I am trying to achieve 🙂
Example URL: https://gpuconnect.com/products/pld10010s12hh-95mm-dc12v-0-40a-rtx3060-rtx3070-vga-fan-for-msi-rtx-3...
Solved! Go to the solution
This is an accepted solution.
So please go to your Online store > Themes > Edit code, open section-main-product.css, add this code at the bottom and save the file
.collapsible-content-wrapper-narrow { max-width: 1130px !important; }
- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
Please add this code to theme.liquid file before </head> tag
{% if template == 'product' %}
<style>
.collapsible-content-wrapper-narrow { max-width: 1130px !important; }
</style>
{% endif %}
- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
Unfortunately it doesn't seem to have worked 😞
This is an accepted solution.
So please go to your Online store > Themes > Edit code, open section-main-product.css, add this code at the bottom and save the file
.collapsible-content-wrapper-narrow { max-width: 1130px !important; }
- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
Thank you this worked! I take it I should remove the previous bit of code that didn't work from theme.liquid ?
For sure.
- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
Unfortunately this doesn't appear to work any more using Dawn 13.0.1. Any ideas?
EDIT: still working was a typo sorry!