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

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

Serdar06
New Member
7 0 0

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

Replies 6 (6)

WizzCommerce_Co
Excursionist
50 8 11

Hi @Serdar06 , thank you for posting here!

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

Check here Wizzcommerce App to optimize your store: SnapNoti FOMO Visitor Counter | SnapBundle Volume Discounts | Wizz Flash Sale & Price Edit | BOGO+ | Buy X Get Y Free Gift
Find more support, feel free to contact: support@wizzcommerce.io
If our suggestion is useful for your problem, please let us know by giving Like and Accept Solution !!!
Serdar06
New Member
7 0 0
WizzCommerce_Co
Excursionist
50 8 11

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!
Check here Wizzcommerce App to optimize your store: SnapNoti FOMO Visitor Counter | SnapBundle Volume Discounts | Wizz Flash Sale & Price Edit | BOGO+ | Buy X Get Y Free Gift
Find more support, feel free to contact: support@wizzcommerce.io
If our suggestion is useful for your problem, please let us know by giving Like and Accept Solution !!!

ElexZar
Visitor
2 0 0

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
Shopify Partner
378 57 55

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);
}
Brain Station 23 PLC (Mail: js.team@brainstation-23.com)
- Was your question answered? Mark it as an Accepted Solution
- Did the solution not address your concern? We kindly request that share or mail your store URL with us this will enable us to collaborate more closely.
- Explore our Shopify public apps

Serdar06
New Member
7 0 0

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.