How do I align the Quantiy button, the add to cart button and the buy now button next to each other?

[Serdar06]

I need the quantity button small, and the add to cart and buy now button same size. Plz help

[WizzCommerce_Co]

Hi @Serdar06 , thank you for posting here!

Can you share me the URL of your store so I can fix your problem faster?

[Serdar06]

https://colognesamples.nl

[WizzCommerce_Co]

Hi @Serdar06 ,

In your case, in order to fix the button size, I need a temporary collaborator access from your Shopify store (you can remove it when it's done). If you agree, you can send your collaborator code via private messaging. Then, I will start requesting the collab request and work on it.

Love to help out!

[ElexZar]

yeah, these buttons are very essential for the Shopify business store, which has a great impact on sales, so the method to do these settings in Shopify store you can check it on landing this page.

[BrainStation23]

HI @Serdar06 
You can follow this step to achive your result 
go to online store->edit code-> base.css file 

.quantity {
    color: rgba(var(--color-foreground));
    position: relative;
    width: calc(14rem / var(--font-body-scale) + var(--inputs-border-width)* 2); //Update the width as your need reduce 14 rem to 12/13 rem
    display: flex;
    border-radius: var(--inputs-radius);
    min-height: calc((var(--inputs-border-width)* 2) + 4.5rem);
}

[Serdar06]

this didn't work it removed the border color of my add to cart button. I already have the add to cart and buy now button next to each other but I need the quantity next to them.