I'm trying to get rid of space below a gallery section

Store Design
, ,

Topic summary

A user is attempting to remove unwanted white space appearing below a gallery section (labeled “Jonathan Hansen Events”) and above the footer on their Shopify store.

Initial Attempt:

  • Added custom CSS to the theme.liquid file targeting the carousel/gallery section
  • The code aimed to set padding-bottom and margin-bottom to 0
  • This approach did not successfully resolve the spacing issue

Proposed Solution:
Another user (Moeed) provided step-by-step instructions:

  1. Navigate to Online Store → Edit Code
  2. Locate the theme.liquid file
  3. Insert CSS code above the closing </body> tag

Current Status:
The discussion appears to have a suggested solution, but the actual CSS code in Moeed’s response is not clearly visible in the thread. The issue involves CSS customization to adjust section spacing in a Shopify theme.

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

At the bottom of the page on this site: https://66cdcb-86.myshopify.com/

Password: chohme

There’s a section that says Jonathan Hansen Events with a gallery. I want to get rid of the space below the gallery, that blank space after the pictures and before the footer. I tried adding this code to the theme.liquid file, what did I do wrong?

section.gallery.carousel.section—default.section—bordered.carousel--columns-3.carousel--text-position-top.carousel--text-alignment-center.carousel--items-5.gallery—natural.carousel--columns-wrap-around{ padding-bottom:0; margin-bottom:0; }

Screenshot 2024-09-13 103712.png
Screenshot 2024-09-13 103712.png3004×676 314 KB

1 Like
2

Hey @jasminsharp97

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1726249503910.png
Moeed_0-1726249503910.png1893×911 254 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed