Adjusting spacing and margins for footer desktop

Hi all,

I am trying to adjust the space for my footer.

I want to

  • reduce the gap between logo and short description
  • reduce the gap under the titles
  • move the items underneath each title to align with title to the left
  • reduce the gap at the bottom
  • and change the “go back up” round button to #666666 instead of the black as it currently is.

Can someone please help me with this?

Thank you so so much.

1 Like

@shells

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

1 Like

www.feyrebaby.com.au

password: pahkud

1 Like

@shells

great thanks for details please add this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.js-back-to-top {background-color: #666666 !important;}
.site-footer .site-footer__section-title {margin-bottom: 20px;}
.site-footer__list {margin-left: 0;}
.site-footer__section img {margin-bottom: 20px !important;}
1 Like

Thank you @KetanKumar

Just one more thing. How can I make the titles I highlighted bold?

1 Like

@shells

yes please add this code alos

.site-footer .site-footer__section-title {font-weight: bold;}
1 Like

thank you so much @KetanKumar

can you also help me with this? I want to add a bit more space where the red line is.

1 Like

@shells

i can see better spacing

1 Like

@KetanKumar yes thank you it has been fixed.

Can you please help with the center alignment of the payment icons

1 Like

@shells

i have checked its already center

Hello!

I would like to reduce the space above the About Us and Newsletter Title. Please help me. Thank you.

https://www.feyrebaby.com.au/