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
Excursionist
48 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
7145 1932 2354

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

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 3 (3)

Moeed
Shopify Partner
7145 1932 2354

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

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


Rahul_dhiman
Shopify Partner
788 152 167

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

 

 

Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront

Contact here


BEST CUSTOMER ACCOUNTS APP WITH CUSTOM WISHLIST OPTION 
TRY OUR APP :

PWC: Customer Accounts & Pages

BrainStation23
Shopify Partner
416 62 61

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.sbu@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