How can I eliminate the space between footer and body in Ride theme?

Solved

How can I eliminate the space between footer and body in Ride theme?

mvxritz
Excursionist
13 0 1

Hello there,

 

I saw some Posts about this matter before, but couldn't make it work on my own store.

I want to get rid of the space between my Footer and Body - how can I do that?

 

I use the Ride Theme and this is my URL: https://amazonas-products.shop/

 

Thank you in advance!

Accepted Solution (1)

Ujjaval
Shopify Partner
1242 197 213

This is an accepted solution.

@mvxritz 
put below css in theme.liquid before closing </body> tag

<style>
div#shopify-section-footer {
    margin-top: -55px !important;
}
</style>

View solution in original post

Replies 7 (7)

DelightCart
Shopify Partner
1261 83 157

@mvxritz Go to Assets/ecom-63891c6dcb292424b40840a2.css and paste below css at bottom of file.

 

.ecom-core.ecom-0fz2kpslnbi
{
margin-top: -20px !important;
}
Delight Cart - It's time to turn your visitors into loyal shoppers! 

Delight Loyalty - Increase repeat sales quickly and build lifelong customers loyalty.
mvxritz
Excursionist
13 0 1

Thank you for your quick answer, unfortunately it didn't change anything.

PageFly-Victor
Shopify Partner
7865 1785 3101

Hi @mvxritz,

 

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

 

Add this CSS at the bottom

Online Store ->Theme ->Edit code

Assets -> ecom-63891c6dcb292424b40840a2.css

 

.ecom-core.ecom-b6jgc3uxh2m {
    margin-bottom: 0px !important;
}

 

Hope you find my answer helpful!

 

Best regards,

Victor | PageFly

Ujjaval
Shopify Partner
1242 197 213

This is an accepted solution.

@mvxritz 
put below css in theme.liquid before closing </body> tag

<style>
div#shopify-section-footer {
    margin-top: -55px !important;
}
</style>
mvxritz
Excursionist
13 0 1

Thank you a lot!

GemPages
Shopify Partner
5625 1261 1243

Hello @mvxritz ,

 

It's GemPages support team and glad to support you today.

 

I would like to give you the recommendation to support you so kindly follow the steps below:

 

1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1670232786353.png

 

2. Open your theme.liquid theme file


3. Paste the below code before </head>

<style>
.ecom-sections .ecom-row:last-child {
    margin-bottom: 0;
}
</style>

 

For example,

GemPages_1-1670232841505.png

 

If you require any further information, feel free to contact me.

 

Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

MandasaTech
Shopify Partner
723 146 153

Hello @mvxritz 

Add this CSS bottom of the ecom-base.css file.

 

.ecom-core.ecom-b6jgc3uxh2m {
  margin-bottom0px !important;
}
☞ Helpful or Question answered? Please Click Like & Mark it Accepted Solution
☞ Want to modify or custom changes on store for affordable price? Click on Contact button here
☞ Email at [email protected]
☞ Whatsapp at +918989609120 | Hire us at: Website Support Page