Remove white space from App section

Technical Q&A
,

Topic summary

Issue: Unwanted white strip (gap) appears between two sections on a Shopify contact page in the Dawn theme.

Context: The page has a Rich Text section followed by an App section containing a custom form. An inline CSS attempt in theme.liquid targeting .section:not(.section–full-width) to adjust margins (30px top/bottom) affected other sections but not the App section.

Request: Guidance on removing the apparent “header” or default spacing of the App section to eliminate the gap.

Assets: A screenshot is provided illustrating the white strip between sections.

Status: No solution or consensus yet; the thread remains open with the key question unresolved (how to remove or override the App section’s spacing/header specifically).

Summarized with AI on December 24. AI used: gpt-5.
1

As pictured, I have a strange white strip between two sections on my contact page.

Section 1 is a Rich Text section, section 2 is an App section with a custom form built in.

I’ve tried an approach of putting the following code in the theme.liquid:


.section:not(.section–full-width) {
margin-top: 30px !important;
margin-bottom: 30px !important;
}

But this only changed all other sections, not this app one. Very strange.

Is there any way to remove the ‘header’ if you will of this section? I am using the Dawn theme.

seandrx_0-1721935239118.png
seandrx_0-1721935239118.png1108×781 29.4 KB