How to prevent white section from covering slideshow in Venture Theme?

Store Design

Topic summary

A store owner is experiencing a layout issue where a white section overlaps and covers part of their slideshow on the Venture theme.

Proposed Solution:

  • Access the theme code editor (Online Store → Theme → Edit code)
  • Locate the theme.scss file
  • Add CSS code at the bottom: #shopify-section-slideshow.hero { margin-bottom: 40px; }
  • Save the changes

This CSS adjustment adds bottom margin to the slideshow section to prevent the white section from overlapping. The issue appears to be a spacing/margin problem between theme sections that can be resolved through custom CSS.

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

Hello. Is there any way to get that white section below our slideshow to not cover part of the slideshow? Image attached below.

www.epasperformance.com

Screenshot 2023-05-11 101626.jpg
Screenshot 2023-05-11 101626.jpg1861×1026 229 KB

2

Hello @EPAS

Step 1: Go to Online Store → Theme → Edit code.
Step 2: Search file theme.scss
Step 3: Paste the below code at bottom of the file → Save

#shopify-section-slideshow .hero { margin-bottom: 40px; }