Shopify themes, liquid, logos, and UX
Hey! How do I decrease the padding around the featured logos bar on the homepage?
Store link: https://z05bmdkpap5a4vd7-12859847.shopifypreview.com
Thanks in advance.
You could try adding this code to the bottom of theme.min.css
.homepage-sections-wrapper.homepage-sections-wrapper--dark {
padding-top:0;
padding-bottom:0;
}
Thanks it worked when I added !important
.homepage-sections-wrapper.homepage-sections-wrapper--dark {
padding-top:0 !important;
padding-bottom:0 !important;
}
The code above actually also changed this "Join Mailing List" section. Which code can specify the logo banner only?
@pjk3635,
1. In your Shopify Admin go to online store > themes > actions > edit code
2. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
3. paste this code right above the </body> tag:
<style>
[id] [class*='logo-bar-section']{
margin-top: -20px;
margin-bottom: -20px;
}
</style>
It is important to notice that you shouldn't be trimming that with code though, the extra padding comes from the images themselves, there is a lot of white space around them:
This article teaches you how to eliminate that white spacing from images, perhaps it could be beneficial in your situation.
Kind regards,
Diego
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025