Need help reducing the space between the Brand Information and the Social Media Icons

Solved

Need help reducing the space between the Brand Information and the Social Media Icons

hellodarkling
Tourist
33 1 12

hellodarkling_1-1741403323510.png

 

If anyone is able to help, I would greatly appreciate it. I'm looking to tighten up the space between my Brand Logo and the Social Media Icons. 
Theme: Dawn

Trying to create a website with zero idea of what I'm doing. It's mostly just trial and error and a lot of tutorials right now.
Accepted Solution (1)
TheUntechnickle
Shopify Partner
355 34 93

This is an accepted solution.

I see it did work, the socials are closer to the content section. To further close them up, add this CSS too:

ul.footer__list-social.list-unstyled.list-social {
margin-top: 0px !important;
}

 

TheUntechnickle_0-1741405792644.png

 

 

Hope this helps 🙂

Helping for free: hello@untechnickle.com


Don't forget to say thanks, it'll make my day - just send me an email! 


Get Revize for Free | Let your shoppers edit orders post-purchase | Get Zero Support Tickets | #1 Order Editing + Upsell App

View solution in original post

Replies 7 (7)

TheUntechnickle
Shopify Partner
355 34 93

Hey @hellodarkling,

Hope you're doing great! Can you please share your store URL, so that we can check and resolve this quickly?

If you want us to do this for you, please DM or email your collaborator code and we'll make the changes ASAP.

Cheers!

Shubham | Untechnickle

Helping for free: hello@untechnickle.com


Don't forget to say thanks, it'll make my day - just send me an email! 


Get Revize for Free | Let your shoppers edit orders post-purchase | Get Zero Support Tickets | #1 Order Editing + Upsell App

hellodarkling
Tourist
33 1 12

Certainly 🙂 
https://darklingnails.com/
password: darkling

Thank you

Trying to create a website with zero idea of what I'm doing. It's mostly just trial and error and a lot of tutorials right now.
TheUntechnickle
Shopify Partner
355 34 93

Hey @hellodarkling,

Please add this CSS to base.css file in your store:

.footer-block__image-wrapper {
    margin-bottom: 0 !important;
}

 

This should work 🙂

Cheers!
Shubham | Untechnickle

Helping for free: hello@untechnickle.com


Don't forget to say thanks, it'll make my day - just send me an email! 


Get Revize for Free | Let your shoppers edit orders post-purchase | Get Zero Support Tickets | #1 Order Editing + Upsell App

hellodarkling
Tourist
33 1 12

Hmmm, so I tested it a little bit. When I pasted the code I didn't see a change. However, when I change the 0 to a 20 I do get considerable more space between the Brand Icon and the Social Media Icons, so it is working. I then tried going to -20, just on a lark to see if that would reduce the space, but no dice. 

Trying to create a website with zero idea of what I'm doing. It's mostly just trial and error and a lot of tutorials right now.
TheUntechnickle
Shopify Partner
355 34 93

This is an accepted solution.

I see it did work, the socials are closer to the content section. To further close them up, add this CSS too:

ul.footer__list-social.list-unstyled.list-social {
margin-top: 0px !important;
}

 

TheUntechnickle_0-1741405792644.png

 

 

Hope this helps 🙂

Helping for free: hello@untechnickle.com


Don't forget to say thanks, it'll make my day - just send me an email! 


Get Revize for Free | Let your shoppers edit orders post-purchase | Get Zero Support Tickets | #1 Order Editing + Upsell App

hellodarkling
Tourist
33 1 12

Perfect, that did the trick! Thank you so much! I appreciate your time and assistance. 

 

Trying to create a website with zero idea of what I'm doing. It's mostly just trial and error and a lot of tutorials right now.
TheUntechnickle
Shopify Partner
355 34 93

Anytime sire! 

Helping for free: hello@untechnickle.com


Don't forget to say thanks, it'll make my day - just send me an email! 


Get Revize for Free | Let your shoppers edit orders post-purchase | Get Zero Support Tickets | #1 Order Editing + Upsell App