How to increase padding between button and footer?

How to increase padding between button and footer?

flammagreg
Trailblazer
276 0 39

Hi guys, how can I add padding between the button and the footer? My current bottom padding is set to 100px, but isn't changing anything. Any help is greatly appreciated! Screenshot 2024-01-23 at 10.34.03 PM.png

Replies 2 (2)

StephensWorld
Shopify Partner
1400 174 385

If you click into the 'cart' settings from the left-hand menu of the theme editor, then on the right-hand side menu, at the bottom, there will be a section for "Custom CSS". 

 

You'd need to add your custom css to that section. Something like this: 

 

.section {padding-bottom: 40px;}

 

You'd replace the ".section" with whichever class the section is using. You can find the class by right-clicking on the page and selecting "inspect" (if you're using Google chrome). 

 

Otherwise, post a link to your site here, and I can try to find the correct class for you.  

★ Did my post help? If yes, then please like and accept solution. ★

https://stephens.world
support@stephensworld.ca

PageFly-Richard
Shopify Partner
4950 1110 1793

 

Hi @flammagreg 

 

This is Richard from PageFly - Shopify Page Builder App

 

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
cart-items.page-width.is-empty {
    margin-bottom: 100px;
}
</style>

 

Hope this can help you solve the issue 

 

Best regards,

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.