How to get rid of whitespace next to Slideshow on full width?

Topic summary

Goal: Make the slideshow section truly full-width (edge-to-edge) without whitespace.

Context: The store URL (healinghome.co.in) was shared to diagnose the issue.

Finding: The theme applies global padding that creates blank margins around the slideshow.

Solution provided:

  • Edit the Shopify theme code: Online Store → Theme → Edit code.
  • Open theme.liquid and paste a custom snippet before the closing tag to remove the padding.
  • Visual guidance was given via screenshots showing the padding, the expected full-width result, and where to edit code.

Key terms:

  • theme.liquid: The main layout file in Shopify themes where global styles or scripts can be injected.

Outcome: The change worked; the slideshow now displays full-width as intended.

Status: Resolved. No further issues or disagreements reported.

Notes: Images/screenshots are central to understanding the padding issue and the before/after result. The exact code wasn’t included in the thread text, but was referenced as a snippet to be pasted before .

Summarized with AI on February 4. AI used: gpt-5.

I want full width section Slideshows to completely cover the screen from the left side to the right. Any ideas?

@aryaman2 - can you please share your website link?

Hello @aryaman2

Can you give me your Store URL so I can check it for you?

Kind & Best regards,
GemPages Support Team

@suyash1 https://healinghome.co.in/

@GemPages

Hello @aryaman2

I see is padding for all theme

I can send you the code so you can remove that blank. But it will look like this

If you agree, you can follow these steps:

  1. Go to Online Store->Theme->Edit code

  1. Open your theme.liquid file, paste the below code before

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

1 Like

It works perfectly @GemPages
Thanks a bunch!