spacing between the 'Add to Cart' and 'Buy Now' buttons in my Debutify theme

[Subhansaqib]

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.

[BSSCommerce-HDL]

Hi @Subhansaqib, 
Can you kindly share your store link with us? We will check it and suggest you a solution if possible.

[Subhansaqib]

https://kitchenplusspk.myshopify.com/?_ab=0&_fd=0&_sc=1
password:gawfao

[PeterGeorge]

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.

[BSSCommerce-B2B]

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

[Subhansaqib]

thank you for your help but i found the solution

just had to paste this code at the end of css file

Click to expand...

.shopify-payment-button__button--unbranded {
padding: 14px 24px !important;
font-size: 16px !important;
height: 52px !important;
line-height: 1.5 !important;
margin-top: 10px !important;
text-align: center !important;
width: 100% !important;
display: inline-block !important;
vertical-align: middle !important;
box-sizing: border-box !important;

[BSS-TekLabs]

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.