How do I center the quanity Label and the box right beside the label?

Solved
Highlighted
Tourist
5 0 0

I want it to look like this: (on Debut Theme)

Screenshot 2020-11-12 140124.png

But its looking like this right now:

Screenshot 2020-11-12 140218.png

 

Thanks in advance!

0 Likes
Highlighted
Shopify Partner
218 4 16

Hi yes, let me help you kindly do mail me with further details. Thanks and Best Regards

If helpful then please Like and Accept Solution.
Do you need custom changes on the store or want a complete speed optimization? Hire me.
Need a dropshipping expert or wants to alive your dead dropshipping store?
Feel free to contact me at Syedmustafanadeem99@gmail.com
0 Likes
Highlighted
Shopify Partner
3247 713 862

This is an accepted solution.

@Eminnnn 

Please add the following code at the bottom of your assets/theme.css file.

.product-form__item label {    
    vertical-align: middle;
    line-height: 40px;
    padding-right: 18px;
}

@media only screen and (min-width: 990px){
.product-form__item { flex-direction: row; justify-content: center; display: flex; }
}

.product-form__controls-group ~ .product-form__controls-group--submit{
    display: flex;
    justify-content: center;
}

 

Hope this helps.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
Highlighted
Shopify Partner
3247 713 862

This is an accepted solution.

@Eminnnn 

Also, add the following code at the bottom of your assets/theme.css file.

.product-form__controls-group{
display: inline-block !important;
}

 

Thanks! 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan