Solved

Adjusting spacing and margins for footer desktop

shells
Trailblazer
195 3 97

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. 

shells_0-1624454513448.png

 

Accepted Solutions (4)
KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

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

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

shells
Trailblazer
195 3 97

This is an accepted solution.

Thank you @KetanKumar 

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

shells_0-1624505637446.png

 

View solution in original post

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@shells 

yes please add this code alos

.site-footer .site-footer__section-title {font-weight: bold;}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@shells 

i can see better spacing 

KetanKumar_0-1624510256325.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 10 (10)

KetanKumar
Shopify Partner
36839 3635 11972

@shells 

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

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

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
shells
Trailblazer
195 3 97

www.feyrebaby.com.au

password: pahkud

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

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

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
shells
Trailblazer
195 3 97

This is an accepted solution.

Thank you @KetanKumar 

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

shells_0-1624505637446.png

 

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@shells 

yes please add this code alos

.site-footer .site-footer__section-title {font-weight: bold;}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
shells
Trailblazer
195 3 97

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. 

shells_0-1624508709689.png

 

 

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@shells 

i can see better spacing 

KetanKumar_0-1624510256325.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
shells
Trailblazer
195 3 97

@KetanKumar yes thank you it has been fixed.

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

shells_0-1624510430418.png

 

KetanKumar
Shopify Partner
36839 3635 11972

@shells 

i have checked its already center 

KetanKumar_0-1624536309992.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
dreamtechzone_5
Shopify Partner
156 1 16

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/

 

364404247_252351823849105_4094244730213631902_n.jpg