Remove bottom space between sections

Store Design
, , , , ,

Topic summary

A user seeks help removing unwanted vertical spacing between two sections on their Shopify store’s landing page, which cannot be adjusted through the theme settings.

Proposed Solutions:

Three community members offered CSS-based fixes:

  • Adding custom CSS code to the theme.liquid file (above the </body> tag)
  • Inserting CSS through Theme Settings > Custom CSS section
  • Alternative CSS targeting the grid template

Issue Remains Unresolved:

While all suggested solutions successfully removed the spacing, they introduced an unintended side effect: the image blocks became distorted or smaller than desired. The original poster confirmed this problem occurred with multiple approaches and is seeking a solution that removes the spacing while preserving the original image display.

Current Status: The discussion remains open with no working solution that addresses both requirements.

Summarized with AI on November 4. AI used: claude-sonnet-4-5-20250929.
6

Hi @INKLY

Try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “theme. Liquid” file. Find the tag and paste the code below before the tag.

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!