Solved

Increase Margin on Footer on Studio Theme

atrphoto01
Visitor
2 0 0

Hi! I'm trying to increase the amount of space in the top of the footer block, can't seem to figure out how in the Studio theme. The content is just too close to the section before it.

 

Screenshot 2024-01-12 093913.png

Accepted Solution (1)
Moeed
Shopify Partner
3531 890 1106

This is an accepted solution.

Hey @atrphoto01 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
div#shopify-section-sections--21885790912803__raw_jVpD4g {
    margin-bottom: 50px !important;
}
</style>

RESULT:

Moeed_0-1705079474090.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Canva to Shopify in clicks - Free App

View solution in original post

Replies 4 (4)

Dan-From-Ryviu
Shopify Partner
6904 1303 1330

Hi @atrphoto01 

Could you share your store URL to check? Because it look like the section you are asking is not default theme section,

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

atrphoto01
Visitor
2 0 0
https://ee41fe-2.myshopify.com/ is the URL - no password. I am using a
Flodesk newsletter block in the footer.

Thanks!
Moeed
Shopify Partner
3531 890 1106

This is an accepted solution.

Hey @atrphoto01 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
div#shopify-section-sections--21885790912803__raw_jVpD4g {
    margin-bottom: 50px !important;
}
</style>

RESULT:

Moeed_0-1705079474090.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Canva to Shopify in clicks - Free App

Moeed
Shopify Partner
3531 890 1106

Hey @atrphoto01 

 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Canva to Shopify in clicks - Free App