Make the same space between Quantity title and button as the variant selector title and button

Solved

Make the same space between Quantity title and button as the variant selector title and button

MiguelMaya
Tourist
46 0 4

Make the same space between Quantity title and button as the variant selector title and button,

 

Using Dawn 15 misteri.ca

 

IMG_0584.jpeg

Accepted Solution (1)

Moeed
Shopify Partner
4365 1123 1380

This is an accepted solution.

Hey @MiguelMaya 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.product-form__input .form__label {
    margin-bottom: 5px !important;
}
quantity-input.quantity {
    margin-top: 0.7rem !important;
}
</style>

RESULT:

Moeed_0-1720160278998.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

Replies 3 (3)

Moeed
Shopify Partner
4365 1123 1380

This is an accepted solution.

Hey @MiguelMaya 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.product-form__input .form__label {
    margin-bottom: 5px !important;
}
quantity-input.quantity {
    margin-top: 0.7rem !important;
}
</style>

RESULT:

Moeed_0-1720160278998.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

Rahul_dhiman
Shopify Partner
234 44 43

Hello @MiguelMaya 

Go to online store ---------> themes --------------> actions ------> edit code------->assets------>section-main-product.css----> line number 351
add this code at the bottom of the file.

.product-form__quantity .form__label {
margin-bottom: .6rem;
}

and replace with this code.

.product-form__quantity .form__label {
margin-bottom: .8rem;
}

and the result will be
2.png


If this was helpful, hit the like button and mark the job as completed.
Thanks

 

 

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
Checkout Some Free Sections Here

BrainStation23
Shopify Partner
379 57 55

HI @MiguelMaya 
You can follow this step
Go to online store->edit code->theme.liquid file-> inside <style></style> tag add the bellow code

.product-form__input
.form__label {
    margin-bottom: 5px !important;
}
quantity-input.quantity {
    margin-top: 0.6rem !important;
}
Brain Station 23 PLC (Mail: js.team@brainstation-23.com)
- Was your question answered? Mark it as an Accepted Solution
- Did the solution not address your concern? We kindly request that share or mail your store URL with us this will enable us to collaborate more closely.
- Explore our Shopify public apps