Solved

How to reduce the spacing in the footer

Flowbliss
Shopify Partner
13 0 5

i want to reduce the spacing between the footer ,How can i do that 
i dont have find  theme.css in the sections 

Screenshot 2023-11-11 121403.png

Accepted Solution (1)

Made4uo-Ribe
Shopify Partner
5105 1218 1490

This is an accepted solution.

Thanks for the info, Try this one. 

  • From your Shopify admin dashboard, click on "Online Store" and then "Themes".
  • Find the theme that you want to edit and click on "Actions" and then "Edit code".
  • In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

 

.footer__content-bottom.scroll-trigger.animate--slide-in {
    padding-top: 0px !important;
}
.footer__content-top {
    padding-bottom: 2rem !important;
}
.footer-block--newsletter {
    margin-top: 2rem !important;
}

 

  • And Save. 
  • Result:
  • Made4uoRibe_0-1699714272737.png
  • Note: You can adjust the size if its too near. Thanks!

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


View solution in original post

Replies 12 (12)

oscprofessional
Shopify Partner
15751 2357 3060

Hello @Flowbliss 

please could you provide you the store URL so that we can check and provide you the solution. 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
Flowbliss
Shopify Partner
13 0 5

i havent published the site 

 

Flowbliss
Shopify Partner
13 0 5

eternal-knot-apparels.myshopify.com

Made4uo-Ribe
Shopify Partner
5105 1218 1490

Its password protected. Its okay if not yet publish. We just need to check your store so we can give a solution. Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


Flowbliss
Shopify Partner
13 0 5

where i can share the password

theycallmemakka
Shopify Partner
1157 249 268

makkaomakka_0-1699700807060.png

 

❤️❤️

Buy me a coffee


For quick response - Message Me


For easy store customization, try PageFly
Add Winter vibe to your store
Flowbliss
Shopify Partner
13 0 5

leibay

Flowbliss
Shopify Partner
13 0 5

leibay

theycallmemakka
Shopify Partner
1157 249 268

Please provide link to your store so that i can look into it

❤️❤️

Buy me a coffee


For quick response - Message Me


For easy store customization, try PageFly
Add Winter vibe to your store

Made4uo-Ribe
Shopify Partner
5105 1218 1490

Hi @Flowbliss 

Would you mind to share your Store URL website? with password if its unpublish. Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


Made4uo-Ribe
Shopify Partner
5105 1218 1490

This is an accepted solution.

Thanks for the info, Try this one. 

  • From your Shopify admin dashboard, click on "Online Store" and then "Themes".
  • Find the theme that you want to edit and click on "Actions" and then "Edit code".
  • In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

 

.footer__content-bottom.scroll-trigger.animate--slide-in {
    padding-top: 0px !important;
}
.footer__content-top {
    padding-bottom: 2rem !important;
}
.footer-block--newsletter {
    margin-top: 2rem !important;
}

 

  • And Save. 
  • Result:
  • Made4uoRibe_0-1699714272737.png
  • Note: You can adjust the size if its too near. Thanks!

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


Flowbliss
Shopify Partner
13 0 5

It worked!! Thank you so much