Can I adjust the size of the quantity box in Flex Theme?

Store Design
1

Hello, I was wondering if I can reduce the width of the quantity box, and make the Add to Cart button wider? Picture Below

URL: infinibuddy.myshopify.com

Pass: ccc

Capture.JPG
Capture.JPG1918×929 107 KB

1 Like
2

@Acid2Rain

My pleasure to help you.
Welcome to the Shopify community!
Please share your store URL!
I will check out the issue and provide the correct solution to you!

Thanks!

1 Like
3

@Acid2Rain

Please add the following CSS code to your assets/styles.css bottom of the file.

@media only screen and (min-width: 769px){
.product-quantity-box.purchase-details__quantity {width: 35% !important;}
}

Thanks!

1 Like
4

@dmwwebartisan You’re awesome!! Im sorry for asking another question, but is there a way to extend the add to cart button to the right so it aligns with the picture below it?

Capture.JPG
Capture.JPG1899×927 81.2 KB

5

Please add the following CSS code to your assets/styles.css bottom of the file.

.purchase-details__buttons.purchase-details__spb--false{
  margin-left: auto;
}
1 Like
6

@Ahsan_ANC Thank you! Could the add to cart get widened to the left? Picture below

Capture222.JPG
Capture222.JPG1900×927 93 KB

7

@Acid2Rain

Please add the following CSS code to your assets/styles.css bottom of the file.

.purchase-details.has-quantity-box .purchase-details__spb--false {
    max-width: 60% !important;
}

Thanks!

1 Like
8

@dmwwebartisan Bingo!!! Thank you so much for your help!! Can’t thank you enough!!