Remove white space of collapsable content in DAWN

Store Design
1

Hi,

Wanted to know if possible to remove the white boarder or reduce as much as possible the boarder around the collapsable content on dawn. See below photo.

Screenshot 2022-08-15 at 11.22.14.png
Screenshot 2022-08-15 at 11.22.14.png818×1488 118 KB

Theme is on draft, see URL link below, this is located on the sell to us page.

https://nnvtyjfzriardcir-25590600.shopifypreview.com

Thanks,

Daniel

1 Like
2

Hi @Danielparsons ,

Here you go, play around with the ‘rem’ till you find the desired padding. Please find CSS edits here below…

  • Go to Online Store-> Theme->Edit code
  • Asset-> collapsible-content.css ->paste the below code at the bottom of the file.
@media screen and (min-width: 750px) {
    .collapsible-section-layout {
      padding-bottom: 1.5rem !important;
      padding-top: 1.5rem !important;
    }
  }

  .collapsible-section-layout {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important;
}

If this solves the issue, please like the post and mark it as a solution.

3

@Danielparsons

can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/collapsible-content.css ->paste below code at the bottom of the file.
@media screen and (max-width: 750px) {
.collapsible-section-layout {
    padding-bottom: 10px;
    padding-top: 0;
}
}
1 Like