Decrease Padding for Featured Logos Flow Theme

pjk3635
Tourist
13 0 2

Hey! How do I decrease the padding around the featured logos bar on the homepage? 

 

Screen Shot 2022-04-19 at 3.46.38 PM.png

 

Store link: https://z05bmdkpap5a4vd7-12859847.shopifypreview.com

 

Thanks in advance.

Replies 4 (4)

Nick_Marketing
Shopify Partner
1487 336 465

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;
}

 

Nick | Ecommerce & Marketing Technology Consultant | Toronto, CANADA
- For consulting work availability, please send me a Private Message or submit a ✍️Contact Form.
- For FREE Shopify Tutorials, Subscribe to my YouTube channel (▶️ Ecommerce TV).
pjk3635
Tourist
13 0 2

Thanks it worked when I added !important

 

.homepage-sections-wrapper.homepage-sections-wrapper--dark {
padding-top:0 !important;
padding-bottom:0 !important;
}

pjk3635
Tourist
13 0 2

The code above actually also changed this "Join Mailing List" section. Which code can specify the logo banner only?

 

Screen Shot 2022-04-19 at 5.42.33 PM.png

diego_ezfy
Shopify Partner
2967 571 900

@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>

 

 

diego_ezfy_0-1650422358536.png



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:

diego_ezfy_1-1650422400382.png



This article teaches you how to eliminate that white spacing from images, perhaps it could be beneficial in your situation.


Kind regards,
Diego