Remove White Background from App Section (Dawn Theme)

Store Design
, , ,
1

I’m having trouble removing the white background behind our instagram app section. Anyone know how to do this? Would love it to be black like the rest of the site but there’s no option in the section to choose the colour for this background.

Thanks in advance!!

https://www.stayhighislandcampingco.co.nz/

Screen Shot 2022-10-27 at 8.20.30 PM.png
Screen Shot 2022-10-27 at 8.20.30 PM.png2688×1330 686 KB

2

Hi @JessCoopy ,

Go to Online store > Themes > Actions > Edit code > base.css and add this code at the bottom

.shopify-section { overflow: hidden; }

Hope this solution can work perfectly for you.

3

Hi There,

Thank you for reaching out to the Shopify forums!

Let me quickly fix that issue for you.

Please add the below CSS in your base.css file:

.content-for-layout.focus-none {
    background-color: #121212;
}

Please do not forget to accept the solution when its working on yours store :face_savoring_food:

image (29).png
image (29).png1893×507 256 KB

Thanks & Regards,
Prezen Tech

4

Hi @JessCoopy ,

You can follow the instruction below:
Go to Online Store->Theme->Edit code->base.css->paste bellow code in bottom of file.

section.ooo-instagram {
    margin: 0 !important;
}
.ooo-instagram .ooo-instagram-container {
    padding: var(--ooo-instagram-section-vertical-margin) 0 !important;
}

Please try it and let me know

5

I tested all of these options and they all worked great. Thanks so much everyone!!