Adjust the width in custom css

[gemlette]

I added a custom liquid for a Q&A section but the width is not following the page. 
What is the custom CSS code to adjust the width 

[suyash1 · Accepted solution]

@gemlette - add this css to the very end of your .collapsible-content.css file and check

.collapsible-content-wrapper-narrow{max-width: 100em;}

[devcoders]

Hi @gemlette 

If you share your store URL and password with me, I will check and provide you with the solution.

[gemlette]

www.gemlette.com/pages/frequently-asked-questions

thankss

[gemlette]

Oh. just looking at it now. For some reason, the width changed 

[gemlette]

https://gemlette.com/pages/faq-2

sorry Wrong URL. 
here you go 

[devcoders]

Hi @gemlette 

Go to Online Store, then Theme, and click on Edit code.
Locate the file assets/plain-jane.css, and paste the code provided below at the end of the file.

.section-template--17895793950964__custom_liquid_jD7pgE-padding {
margin: 0 auto;
padding-right: 1.5rem;
padding-left: 1.5rem;
max-width: 73.4rem;
}

[gemlette]

I don't have assets/plain-jane.css

[devcoders · Accepted solution]

Hi @gemlette 

Go to Online Store, then Theme, and click on Edit code.
Locate the file assets/base.css, and paste the code provided below at the end of the file.

.section-template--17895793950964__custom_liquid_jD7pgE-padding {
margin: 0 auto;
padding-right: 1.5rem;
padding-left: 1.5rem;
max-width: 73.4rem;
}

[suyash1 · Accepted solution]

@gemlette - add this css to the very end of your .collapsible-content.css file and check

.collapsible-content-wrapper-narrow{max-width: 100em;}

[gemlette]

Excellent. Works well. thanks