Reduce space between socials and copyright

Solved

Reduce space between socials and copyright

MiguelMaya
Tourist
46 0 4

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

 

IMG_0552.jpeg

 

 

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.

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
8550 1687 1695

This is an accepted solution.

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

Screenshot 2024-07-01 at 14.07.37.png

- Helpful? Like and Accept solution to let me know!>
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 3 (3)

Abdosamer
Shopify Partner
836 149 169

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:

Abdosamer_0-1719792097225.png

 

Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
My work

BSSCommerce-B2B
Shopify Partner
565 114 137

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

BSSCommerceB2B_1-1719797938617.png

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

BSSCommerceB2B_2-1719798012085.png

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: 

BSSCommerceB2B_3-1719798062207.png

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 

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


B2B Solution & Custom Pricing |BSS: B2B Portal, Quote, Net 30 | BSS: B2B Login Lock Hide Price


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

Dan-From-Ryviu
Shopify Partner
8550 1687 1695

This is an accepted solution.

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

Screenshot 2024-07-01 at 14.07.37.png

- Helpful? Like and Accept solution to let me know!>
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.