How can I center the quantity selector next to the 'add to cart' button?

Store Design
1

Hi people! I have a question about the quantity selector. I tried a lot of ways but nothings works. I want to move the quantity selector to the center or next to the "add to cart’’ button. My theme is "Sense’'. I will be happy if someone helps me to solve my problem :slightly_smiling_face: Greetings.

Screenshot 2022-04-09 at 10.55.39.png
Screenshot 2022-04-09 at 10.55.39.png922×467 32.4 KB

2 Likes
2

@Vegoo
Welcome to the Shopify community!
Thanks for your good question.

Please share your store URL.
So that I will check and let you know the exact solution here.

1 Like
3

To center quantity selector:

  1. Go to admin panel > Online Store > Themes > click Actions dropdown > click Edit code button

  2. Open base.css file in Assets directory

  3. Find CSS rule for .quantity class, add below code and click Save

margin: 0 auto;

Screenshot.png
Screenshot.png2944×1554 702 KB

2 Likes
4

Hi @Vegoo ,

Please share your store URL and if your store is password protected then please provide password too.
You can take a picture of the place you want to edit.

So that we can help you.

5

@Vegoo

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

.product-form__input .quantity{ margin:0 auto !important;}

Thanks!

6

Hi @Vegoo ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css->paste below code at the bottom of the file:
.product-form__input .quantity{ 
   margin:0 auto !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

Best regards.

7

You’re amazing, thank you