Hi guys, how can I adjust the padding between the button and the footer in cart? Any help is appreciated
Topic summary
A user seeks guidance on adjusting the padding between a button and footer in their cart page.
Proposed Solutions:
Two responders provided CSS-based approaches:
-
PageFly-Amelia suggests:
- Navigate to Online Stores > Themes > Edit code
- Locate the
base.cssfile - Add CSS targeting
.cart-items.is-emptywithmargin-bottom: 20px(adjustable value)
-
niraj_patel recommends:
- Access Online Store > Theme > Edit code
- Open
theme.liquidfile - Insert custom
<style>block before</body>tag - Apply
margin-bottom: 30px !importantto.cart-items.padding.is-emptyclass
Current Status:
A third participant requested the store URL for further assistance. The issue remains unresolved as the original poster has not confirmed whether either solution worked or provided additional details.
Hello @broadam
This is Amelia at PageFly - Shopify Advanced Page Builder app.
You can try the following steps I have provided to help you solve the problem you are facing:
Step 1: Online Stores > Themes > Edit code
Step 2: Choose file base.css
Step 3: Add code
cart-items.is-empty {
margin-bottom: 20px; /* You can change the value of 20px to the value you want */
}
Hoping my solution helps you solve your problem.
Best regards,
Amelia | PageFly
Hello @broadam
You can add code by following these steps
-
Go to Online Store → Theme → Edit code.
-
Open your theme.liquid file
-
Paste the below code before on theme.liquid
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.
