Reduce space between socials and copyright

[MiguelMaya]

I’m new to Shopify. I’m proud of the site I’ve built without any prior experience. The only thing bothering me is the big space between the social icons and the copyright in the footer. I’ve checked some community questions and solutions, so far it seems that each site is it’s own particular case and doesn’t apply anywhere else.

I’ll be glad to you for giving me some hand with this as a new entrepreneur from the developing world.

misteri.ca

ALSO: when I started setting up my site a few days ago using the Dawn template, I remember the social icons displaying on the header to the left as well, which I liked. I’ve looked into every setting and I don’t know what happened, it just disappeared. I wanted to ask this on another post, maybe any of you also knows something about it.

[Abdosamer]

Hi @MiguelMaya , go to your base.css file and add this code :

.footer__content-top {
    padding-bottom: 0.3rem !important;
  
}

.footer__content-bottom {
  
    padding-top: 0.3rem !important;
}

Result:

[BSSCommerce-B2B]

Hi @MiguelMaya ,
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file base.css, theme.css, styles.css, custom.css or theme.scss.liquid

Step 3: Insert the below code at the bottom of the file → Save

.footer__content-bottom {
    padding-top: 1rem !important;
}
.footer__content-top.page-width {
    padding-bottom: 0 !important;
}

Here is result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you

[Dan-From-Ryviu]

Hi @MiguelMaya

Please go to Online Store > Themes > Customize > Theme settings > Custom CSS, paste this code and save the changes.

.footer__content-top {
  padding-bottom: 0 !important;
}
.footer__content-bottom {
  padding-top: 0 !important;
}