Hi, i changed the image but this did not improve the look of the store - as the image/text is less centred and there is still bottom padding and a margin between the 2 content blocks.
thanks
Topic summary
Main issue: remove unwanted gaps between content blocks on a Shopify email sign-up page.
- Early attempts: Replacing images to remove white space didn’t fix spacing; alignment worsened and bottom padding remained.
- Implemented fix (mobile): Custom CSS added in theme.liquid via media queries. A negative top margin on the newsletter section (OP set to -100) closed the gap. Additional CSS adjusted bottom padding on the targeted section, producing the desired mobile look.
- Desktop attempts: Suggested CSS labeled for “desktop” used a max-width: 990px media query (still mobile/tablet), so no visible change. Further CSS (including grid width changes and hiding a text item) also didn’t achieve the desired desktop layout.
Current status:
- Mobile spacing on the email sign-up page is largely resolved.
- Desktop layout still not matching the desired design.
- OP now seeks help applying similar fixes to the homepage (mobile) and the post–email-gate page (mobile).
Notes:
- Access link and password were shared for review.
- Multiple screenshots depicting current vs desired spacing are central to understanding the issue.