remove side padding collapsable content dawn

Store Design
,
1

Hi can anyone help me with the CSS to remove the side padding from collapsable content?

thank you

2

Hi @girltimebeauty ,

If you mean making the space around the collapsible content container smaller, here are the steps you can follow:

1, Navigate to Online Store > Themes > Edit Code.

2, Locate and open the base.css (or theme.css, custom.css) file.

3, Paste the code snippet provided below at the bottom of the file, then save your changes.

.collapsible-content-wrapper-narrow {
    /* You can adjust this value to your preference */
    max-width: 100rem !important;
}

Here is the result

BSSTekLabs_0-1722048920254.png
BSSTekLabs_0-1722048920254.png2878Ă—694 32.7 KB

We hope this assists in resolving the issue.

If you find our solution helpful, kindly consider Liking and Marking it as Accepted. Thank you!

3

That didnt work, im trying to remove the side so left and right padding, i currently have the content aligned left but there is still a huge gap between the side of the page, let me know if there’s another code i can try

4

I’ve checked your store and there’s a missing closing curly brace. Please try again with this code (adding the missing “}”)

}

.collapsible-content-wrapper-narrow {
    /* You can adjust this value to your preference */
    max-width: 120rem !important;
}

Here is the result

BSSTekLabs_0-1722049508298.png
BSSTekLabs_0-1722049508298.png2878Ă—1036 140 KB

If that didn’t work you can try adding this code snippet right before the closing head tag in the theme.liquid file

BSSTekLabs_1-1722049622425.png
BSSTekLabs_1-1722049622425.png2878Ă—1610 370 KB

Please let me know if you having any issues.

5

perfect that fixed it thank you so much!

1 Like
6

If you find our solution helpful, kindly consider Liking and Marking it as Accepted. It means a lot to us. Thank you!