i guys
Does anybody can advice me how to adjust the spacing margin between Testimonial — Logo List ---- Footer
Theme Empire 9.1.1
No pass
Topic summary
A user seeks help adjusting spacing margins between three sections: Testimonial, Logo List, and Footer on their Shopify store (oscarliving.co.id) using Empire Theme 1.1.9.
Initial Solution Provided:
PageFly support (Henry) offers CSS code to be added to theme.css, targeting:
- Footer wrapper padding/margin
- Home section title margins
- Logo list image max-height
- Flickity viewport height
Problem Encountered:
After implementing the code, the user reports an unintended side effect—the main banner at the top of the page becomes smaller than desired (demonstrated with screenshots).
Current Status:
The user requests additional help. Henry acknowledges missing the follow-up message and provides revised code adjusting the Flickity viewport height to 500px instead of the original value.
Resolution: Ongoing—awaiting confirmation whether the updated code resolves both the spacing issue and banner sizing problem.
Hi @OLIV1
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.css
Step 3: Paste the below code at bottom of the file → Save
h2.home-section--title {
margin-top: 20px !important;
}
.flickity-viewport {
height: 240px !important;
}
.logolist--image {
max-height: 125px !important;
}
h2.home-section--title {
margin: 0 !important;
}
section.site-footer-wrapper {
margin-top: 0 !important;
padding-top: 0 !important;
}
Hope that my solution works for you.
Best regards,
Henry | PageFly
Dear henry
I Tried To Put the code in
But after I put The code in
The Main banner on top is getting smaller like in the Photos below
Can You help me out again with this please ?
So sorry for missing your message.
You can try again with this code:
.flickity-viewport{
height: 500px !important;
}