Remove Space Between Featured Collections in Sense Theme

Store Design
,

Topic summary

A user seeks to eliminate white space appearing between featured collections in the Shopify Sense theme.

Two solutions were provided:

Solution 1 (GemPages):

  • Navigate to Online Store → Edit code
  • Add custom CSS above the </body> tag in theme.liquid
  • Specific CSS code provided (though reversed in original post)

Solution 2 (infoatcodelab7):

  • Go to Online Store → Edit code
  • Locate base.css file
  • Add CSS targeting .collection with padding: 0px !important; at the bottom of the file

Both approaches use CSS modifications to remove spacing. The discussion includes screenshots demonstrating the spacing issue, though the exact CSS syntax appears garbled in the original posts.

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

I want to remove that white space tha

Captura de pantalla 2023-04-02 174655.png
Captura de pantalla 2023-04-02 174655.png1704×917 128 KB

t apears between the featured collections, could someone help me out?

2

Hi @Mismon ,

Glad to support you today.

You can check out my suggestion below to get your concern resolved.

  1. Go to Edit code on Online Store:

GemPages_1-1680504727245.png
GemPages_1-1680504727245.png400×163 25.3 KB

  1. add my code above the tag on Theme.liquid:

Hope you find my answer helpful!

Kind & Best regards,
GemPages Support Team.

3

@Mismon

Step 1: Go to online store → Edit code

Step 2: Fine base.css

Step 3: Paste bellow code bottom of the file

.collection {
   padding: 0px !important;
 }