How can I adjust the size of 'add to cart' and 'buy it now' buttons?

Store Design
1

Hi there ,

Is there any way to change the box height and width of add to cart and buy it now to be same as quantity box .So that all three box look the same height and width in a line . Can someone please assist me with this issue .

bb.png
bb.png1030×135 2.26 KB

Site url :: https://9wxxrrkmsoujrvoy-71493648693.shopifypreview.com/products/demo-copy-of-my-nametags-door-stickers-astronaut?_pos=1&_sid=ae16ce3b3&_ss=r

Thank You!!

2

Please add this code at the bottom of your base.css file

.product-form__quantity .quantity { height: 48px !important; }
3

Hi ,

I want to reduce the height of add to cart and buy it now button same as the quantity box . I am not able to do it.

4

Please use this code

.product-form__buttons .button--secondary, 
.shopify-payment-button__button { height: 40px !important; }
.shopify-payment-button__button { padding: auto !important;  }
@media (min-width: 948px) {
.shopify-payment-button { margin-top: -56px !important; }
}
5

Hi @jnud21 ,

Result:

makkaomakka_0-1701077744528.png
makkaomakka_0-1701077744528.png1518×257 105 KB

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code just above tag

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka