I’d like to widen the length of my product collapsible rows so that they are the same length of the page, aligning them with the images on the left if that makes sense? I’m using the Dawn Theme and they look like this at the moment. Thank you! [Screenshot 2024-08-28 at 19.18.07.png]

@schikinoils Please follow below steps to increase the length of collapsible rows. Let me know whether it is helpful for you. From admin go to “Online Store” → “Themes”. Click action button from the current theme and select “Edit code”. Search “collapsible-content.css” file. Paste the below code a…

Hi @schikinoils Check this one. From you Admin page, go to Online Store > Themes Select the theme you want to edit Under the Asset folder, open the main.css(base.css, style.css or theme.css) Then place the code below at the very bottom of the file. .collapsible-content-wrapper-narrow { max…

Hi thanks for this. I tried to add that code at the very bottom of the base.css but it didn’t change anything unfortunately.

Extend the length of the collapsible rows

Store Design

schikinoils September 23, 2024, 4:39pm 6

sorry mistake

Topic		Replies	Views
Dawn theme, change size of collapsible and change icon to +/- Store Design css	5	106	September 6, 2024
Change width of collapsible row in Dawn theme Store Design design	6	60	February 27, 2023
Adjust the width of 'Collapsible Content' on product page - Dawn 12.0 Store Design design , header , customizations , shopify-themes , product-page	6	71	April 15, 2024
Edit padding on custom section Store Design liquid , design , customizations , css	7	117	December 5, 2024
Increase the width of accordion Technical Q&A css , html , shopify-theme	4	89	February 9, 2025

Extend the length of the collapsible rows

Related topics