How do I change the padding around the Instafeed app?

Store Design

Topic summary

Users are seeking to remove or adjust padding and margins around the Instafeed app on their Shopify storefronts. The main issue involves unwanted white space appearing above and/or below the Instagram feed.

Primary Solution Provided:

  • Access Shopify Admin → Online Store → Themes → Actions → Edit Code
  • Locate the </body> tag in the theme.liquid file
  • Insert custom CSS code above </body> with negative margin values (e.g., -60px for desktop top spacing, -40px for mobile)
  • The negative prefix is essential for the code to work properly

Additional Requests:
One user wants to eliminate both top and bottom margins while ensuring Instagram photos span full width without distortion once spacing is removed.

Status: The solution successfully resolved the padding issue for at least one participant. The discussion remains helpful for others facing similar layout challenges with the Instafeed app.

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

Here is the preview of my unpublished storefront: https://zhdhrz32jmht8lx5-36138418312.shopifypreview.com

@diego_ezfy