Shopify themes, liquid, logos, and UX
Hi, how to delete this empty space between sections "Testimonials" and "Powered by Loox" trust badge.
website: https://nexaco.co/
Solved! Go to the solution
This is an accepted solution.
Hello @Rupert22 ,
Go to online store > Themes > Edit code > find base.css file
Add the given code at the bottom of the file base.css
.testimonials-template--21127979434323__testimonials_ww9kyB {
padding: 10px;
}
Hello @Rupert22
You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid
<style>
@media screen and(max-width: 767px){
.shopify-section .index-section {
margin: 15px 0 !important;
}
}
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.
Its still there, the empty space between sections
You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid
<style>
@media screen and(max-width: 767px){
div#shopify-section-template--21127979434323__testimonials_ww9kyB {
margin-bottom: 10px !important;
}
section#shopify-section-template--21127979434323__1711213980777487cf .index-section {
margin-top: 10px !important;
}
}
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.
I copy pasted it instead of old one and nothing changed. Under every section there is autocreated this empty space, maybe this info helps a little bit
Hello @Rupert22
This is Amelia at PageFly - Shopify Advanced Page Builder app.
You can try the following steps I have provided to help you solve the problem you are facing:
Step 1: Online Stores > Themes > Edit code
Step 2: Choose file theme.liquid
Step 3: Add code above the tag </head>
<style>
@media (max-width: 768px){
.testimonials-section {
padding-bottom: 0 !important;
}
}
</style>
Hoping my solution helps you solve your problem.
Best regards,
Amelia | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)
➜ Weekly updated Shopify tutorials on YouTube
All features are available from Free plan. Live Chat Support is available 24/7.
This is an accepted solution.
Hello @Rupert22 ,
Go to online store > Themes > Edit code > find base.css file
Add the given code at the bottom of the file base.css
.testimonials-template--21127979434323__testimonials_ww9kyB {
padding: 10px;
}
Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025