There no option of layout in the theme settings and tried css not working.anybody suugest me a code for to increase page width and i need left and right spacing 5%
website link-https://myflyi.com/
password-3monk
Topic summary
Main issue: increase overall page width by adding consistent 5% left/right spacing, as theme settings lack a layout option and prior CSS attempts didn’t work. The store link and a password were shared for reference.
Proposed solution (no confirmation yet):
- Edit the theme’s main layout file (theme.liquid) via Online Store → Theme → Edit code.
- Insert a block before the closing tag targeting the main content wrapper.
- CSS: apply padding-left: 5% and padding-right: 5% to the selector “main.layout-main” with !important to override existing styles.
Context/notes:
- “theme.liquid” is the primary layout file that loads site-wide assets and custom CSS.
- Padding adds inner spacing on the sides; “!important” ensures the new rules take precedence.
- A screenshot illustrating where to paste the code was included; the code snippet is central to the fix.
Status: No follow-up confirming whether the change worked; discussion remains open.
This is Henry from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.liquid
Step 3: paste bellow code in tag → save.
main.layout-main { padding-left: 5% !important; padding-right: 5% !important; }
Hope that my solution works for you.
Best regards,
Henry | PageFly