How to change gap between brands header and previous section, and the header with brands images?
Thank you
Topic summary
A user seeks to adjust spacing in their Shopify store design, specifically:
Two spacing issues identified:
- Gap between the brands header and brand images below it
- Gap between the brands header and the section above it
Solutions provided via CSS:
For header-to-images spacing:
#shopify-section-1580280662236 .section-header{
margin-bottom: 25px !important;
}
For header-to-previous-section spacing:
.fp__D_iUzfvRq .fp_7058286f9d-389_{
margin-bottom: 0px;
}
The GemPages support team recommends adding these CSS snippets to the theme’s CSS file. Screenshots were shared showing the before/after results of implementing these changes.
Hello @Alliance
It’s GemPages support team and glad to support you today.
1 - space between brands header and brands image:
#shopify-section-1580280662236 .section-header{
margin-bottom: 25px !important;
}
2 - space between brands header and above section
body .__pf_DiUzfvRq .pf-70528f5d26f9-389_ {
margin-bottom: 0px;
}
You can set it to the ending theme.scss
Result:
Hope my solution can work and support you!
Kind & Best regards!
GemPages Support Team.