How can I center align the quantity and variants boxes in my store design?

Store Design
,
1

how can i align center the quantity and the variants boxes please?

store url https://26e068.myshopify.com/

Itamar2020_0-1704280657113.png
Itamar2020_0-1704280657113.png703×999 105 KB

2

Hi @Itamar2020 ,

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

3

i do not find the bodu tag

can you share a code for base css please?

4

Hi @Itamar2020 ,

You can add below code at the end of base.css

.quantity,
.product-form__input .select{
  width: 100%!important;
  max-width: 100%!important;  
}
5

thanks a lot

it worked.

what about the variants boxes?

can you share a base.css code also please?

6

Hi @Itamar2020 ,

All the variant boxes are also full width now.

theycallmemakka_0-1704293293883.png
theycallmemakka_0-1704293293883.png1018×437 51.6 KB

Please do not forget to drop likes and mark the reply as a solution