Enterprise Theme - removing blank spaces on Home page & Default product

Store Design
, , , , , ,

Topic summary

A user seeks help removing unwanted blank spaces in their Shopify store using the Enterprise Theme. The issues appear in two locations:

Problem Areas:

  • Blank spaces appearing at the top and bottom of every section on the homepage
  • Excessive padding around product images on product pages

Solutions Provided:

For product image spacing (confirmed working):

  • Add CSS code: .product-media--stacked .media-viewer__item{ padding: unset !important; }

For section spacing (partially resolved):

  • Locate and modify the section-gap value to 20 in the theme’s CSS files
  • The original poster cannot find this setting in theme.liquid and needs to search other CSS files

Current Status:
The product image spacing issue is resolved, but the section spacing problem remains unresolved. The user is having difficulty locating the section-gap property in their theme files and has not provided a final update on whether they found a solution.

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

Hi

i have been searching everywhere to remove this blank spaces on our website for Custom CSS on section or Theme Edit code but i could find anything that will work.

Can anyone please help me with this please, photos below

*using Enterprise Theme

Home page

*blank spaces on top & bottom of every section

Home page.png
Home page.png1154Ă—609 147 KB

Default product page

*blank spaces all around product images

Default product.png
Default product.png1147Ă—479 158 KB

1 Like
2

Hey @Stefano91 could you please share your Store URL and password as well so that I take a look and provide you solution code.

Thanks

3

Hi @Stefano91

Please share the link to your store so I can check and give you the solution.

4

Hi @Stefano91

This is Ellie fromBOGOS :grin:

  1. To remove the blank space on top & bottom

Go to online store > Edit code > find your CSS file (usually theme.css) > fix the section-gap into 20

Customize Margin Screenshot.png
Customize Margin Screenshot.png1919Ă—994 303 KB

  1. To remove blank spaces around product images

Go to any CSS file and add this code:

.product-media--stacked .media-viewer__item{ padding: unset !important; }

Give me a Like or Accept it as Solution to let me know if it’s helpful!

If you want to create sales promotions like free gifts, discounts, bundles & upsells, try BOGOS.

5

https://www.allstarelite.com/ no password

6

https://www.allstarelite.com/ no password

7
  1. To remove blank spaces around product images

this one worked!

As for 1. To remove black spaces from top & bottom of section

this one did not work.

i only see “theme.liquid” in my edit code is that an issue?

8

Hi @Stefano91 :blush:

This is Ellie from BOGOS, #1 Promotion Shopify App featuring Gift, Bundle, Upsell.

As for 1., the “section-gap” isn’t in the “theme.liquid” file, but it’s likely in one of the CSS files. Please try looking for any CSS file that includes “section-gap”.

Unfortunately, I don’t have access to directly locate it for you:( So sorry for that. If it worked, please let me know!

9

Hey @Stefano91 :blush: I just wanted to check in and see if you were able to locate the “section-gap” in one of your CSS files?

- If my solution worked, I’d really appreciate it if you could mark the solution — it’ll motivate me to continue assisting you & others for free more.

- If you’re still stuck, I’m happy to help further! Just let me know what you’re confused :blush:

10

Hi @Stefano91 :blush: I just wanted to check in and see if you’ve been able to solve your problem yet? I truly hope my recommendations help. Let me know if this works for you or if you have any other questions!