the store URL is adadastore.com and I cannot find the location: assets/theme.scss.liquid
Highly appreciate your help
Inga
Topic summary
Adding vertical space between homepage sections in the Shopify Prestige theme using CSS tweaks in the theme’s stylesheet.
-
Initial resolution: Adding “.FlexboxIeFix { margin-bottom: 50px; }” in assets/theme.scss.liquid created a gap between the first two sections; the solution was confirmed and accepted.
-
Additional fixes:
• Collection list spacing: “div#shopify-section-collection-list { margin-top: 30px; }”.
• Space above footer: “footer#section-footer { margin-top: 20px; }”.
• Picture-with-text margins (desktop): “@media screen and (min-width: 641px){ .FeatureText–withImage { margin-top: 30px; margin-bottom: 30px; } }”.
• Slideshow gap: “.js .Slideshow–fullscreen { margin-bottom: 50px; }”.
• Mobile spacer for a second collection list: target the specific section ID, e.g., “div#shopify-section-1621417080045da5b1 { margin-top: 15px; }”. -
Clarifications: CSS should be added at the bottom of the theme stylesheet (theme.scss.liquid or theme.css, depending on theme version). Section IDs (#shopify-section-…) refer to specific homepage blocks; margin-top/bottom adjust spacing.
-
Visual references: Screenshots were central to pinpoint exact sections.
-
Status: Several user cases were solved with tailored CSS. Some later requests (new site URLs, file location questions, mobile behavior) remain open without final posted solutions.