Extend the length of the collapsible rows

[schikinoils]

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!

[Made4uo-Ribe]

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-width: var(--page-width);
    padding: 0 5rem;
}

And Save. 

Result:

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

[schikinoils]

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.

[Vinsinfo · Accepted solution]

@schikinoils Please follow below steps to increase the length of collapsible rows. Let me know whether it is helpful for you.

1. From admin go to "Online Store" -> "Themes".

2. Click action button from the current theme and select "Edit code".

3. Search "collapsible-content.css" file.

4. Paste the below code at the bottom of the file and save changes.

.collapsible-content .collapsible-content-wrapper-narrow {
  max-width: var(--page-width);
  padding: 0 5rem;
}

Result will be like,

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.

[schikinoils]

That worked, many thanks!

[schikinoils]

sorry mistake