I’d like to remove the margin between the two above sections. What’s the easiest way to do this? As I understand there’s some custom CSS in the theme customizer you can add?
Topic summary
Removing excess white space between an image/banner and a “logo list” section in a Shopify theme. Goal: eliminate the margin via custom CSS, applied in theme.css.
What was tried and worked:
- Add to theme.css: [data-section-type=“logo-list”] .container { max-width:100% !important; padding:0 !important; }
- To remove the gap specifically above the logo list: .page__header { margin-bottom: 0; }
- Alternative tweak suggested: [data-section-type=“logo-list”] { margin:0 !important }
How to apply:
- Online Store → Theme → Edit code → theme.css → paste code at the bottom → Save.
Context and assets:
- A screenshot illustrated the spacing issue; a preview URL was shared to review layout.
Other notes:
- Some responders requested the store URL/password to inspect; however, a private access request was flagged as suspicious, with a preference to keep support public.
Status:
- Issue appears largely resolved after adding the .page__header margin fix alongside logo-list CSS. Further input offered, but no remaining blockers reported.
Hello @Heatland ,
It’s the GemPages Support Team and we are glad to assist you today!
Could you please share your store URL ( with the password if your store password is enabled ) then I can see and suggest something for you?
Best regards,
GemPages Support Team
Hi [email removed]Heatland,
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.css
Step 3: Paste the below code at bottom of the file → Save
[data-section-type="logo-list"] .container{
max-width:100% !important;
padding:0 !important
}
Hope my solution works perfectly for you!
Best regards,
Victor | PageFly
That’s not quite right. I want to remove the white space between the logo list and and image above.
almost correct. i had to add the following css code too:
.page__header {
margin-bottom: 0;
}
Why are you private messaging me and asking to gain access to my shop? Why not reply to answers here as every one else. You do know it looks very suspicous from you? Given your short history here.
1 Like
Hi @Heatland
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.css
Step 3: Paste the below code at bottom of the file → Save
[data-section-type="logo-list"]{margin:0 !important}
Hope my solution works perfectly for you!
Best regards,
Victor | PageFly
Hi @Heatland
Please provide your store URL, so I can review it and provide a solution.
hi hope you are doing well
if you are still facing the above problem please share the store url and also a screenshot in which bot section are present its better to understand what you exactly want .
thanks