How can I add spacing between the ‘Add to Cart’ and ‘Buy Now’ buttons on Debutify theme? They’re too close together, and I’d like to increase the gap between them.
2 Likes
Hi @Subhansaqib ,
Can you kindly share your store link with us? We will check it and suggest you a solution if possible.
That is pretty easy, usually, you could add a custom css in the visual editor or add a global css for the one of these buttons.
Hi @Subhansaqib ,
Step 1. Go to Admin → Online store → Theme > Edit code
Step 2. Find the file base.css
Step 3. Add this code to the end of file
.product-form__buttons {
display: flex!important;
flex-direction: column!important;
gap: 16px!important;
}
If it helps you, please like and mark it as the solution.
Best Regards
Hello @Subhansaqib
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.
https://kitchenplusspk.myshopify.com/?_ab=0&_fd=0&_sc=1
password:gawfao
thank you for your help but i found the solution
just had to paste this code at the end of css file
Show More
.shopify-payment-button__button–unbranded {
Show More
padding: 14px 24px !important;
Show More
font-size: 16px !important;
Show More
height: 52px !important;
Show More
line-height: 1.5 !important;
Show More
margin-top: 10px !important;
Show More
text-align: center !important;
Show More
width: 100% !important;
Show More
display: inline-block !important;
Show More
vertical-align: middle !important;
Show More
box-sizing: border-box !important;
1 Like