How can I reduce spcing between two section with code?

Shopify Discussion

Topic summary

Goal: Reduce excessive white space between sections in the Shopify Empire theme via CSS. Specific gaps: between “Image with Text” and “Image with Text Overlay,” and between two “Image with Text” sections. The requester asks if a single, reusable CSS rule can apply across sections and remain mobile-friendly.

Context: Two screenshots were shared to illustrate the spacing issue (images are central for understanding). No code has been provided yet.

Recent updates: A helper requested the store URL; the requester shared flycitymall.com and asked for direct contact. The helper provided an email (info@techlyser.com) for follow-up.

Diverging view: Another participant advised abandoning the Empire theme, calling it “bad.” The requester asked for reasons, but no further justification was given.

Status: No CSS solution or theme setting adjustments have been proposed in the thread. The discussion remains open, pending inspection of the site and delivery of specific CSS recommendations that work across sections and on mobile.

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

How can I reduce the white space between two sections on Empire theme?

  1. the space between the Image with Text and the Image with text overlay section
  2. the space between the Image with Text and the Image with Text section

Is there a common code that applies to all the sections settings?

I want to reduce the white space between all sections.

To make sure this change looks good on mobile devices too.

If someone could help me by checking the webpage’s elements and giving me the right CSS code to use, it would be a big help.

screenshot-20240604-160400.png
screenshot-20240604-160400.png1549×607 109 KB

screenshot-20240604-160438.png
screenshot-20240604-160438.png1199×645 86.6 KB

2

Hello @Ward2024
Can you share store URL?

3

Empire is a bad theme ,change it

4

Why? Please share your story. :rofl:

5

Store: flycitymall.com Can you tell me your email address for futher contact?

6

sure
Email ID- info@techlyser.com