Variant & Qty. in the same row

Solved
Hina_Agarwal
Explorer
48 0 15

Dear Team,

Is there any way I can reduce the font size and bring product variant and qty. selection in the same row? URL: www.fruitopia.in

 

Hina_Agarwal_0-1618400368015.png

 

Thanks in Advance

0 Likes
suyash1
Shopify Partner
2738 290 452

This is an accepted solution.

@Hina_Agarwal - add this css to the end of timber.scss file and check

.grid-product form center{display: flex;}

.grid-product form .js-qty{margin-left: 10px;}
You are welcome to contact me, my email - suyash.patankar@gmail.com
Free Shopify solutions/tutorials on youtube
#1 page builder app on Shopify - for FREE! PageFly
Hina_Agarwal
Explorer
48 0 15

Thank You So much. Appreciate your effort. One last thing - Variant and Qty. size is not aligned. Can the font size of variant be reduced to align the size with qty. selection

 

Hina_Agarwal_0-1618401332751.png

 

0 Likes
suyash1
Shopify Partner
2738 290 452

This is an accepted solution.

@Hina_Agarwal - please remove above 2 lines and replace them with these 2

.grid-product form center {display: flex;    margin-bottom: 10px;}

.grid-product form .js-qty{margin-left: 10px;     margin-bottom: 0;}

 

You are welcome to contact me, my email - suyash.patankar@gmail.com
Free Shopify solutions/tutorials on youtube
#1 page builder app on Shopify - for FREE! PageFly
Hina_Agarwal
Explorer
48 0 15

Thank You so very much. It is perfect. Thanks again!!

suyash1
Shopify Partner
2738 290 452

@Hina_Agarwal - welcome

You are welcome to contact me, my email - suyash.patankar@gmail.com
Free Shopify solutions/tutorials on youtube
#1 page builder app on Shopify - for FREE! PageFly
0 Likes
Hina_Agarwal
Explorer
48 0 15

Hi,

Sorry Suyashji for bothering you again. Can we remove price from the product name:

 

Hina_Agarwal_1-1618402453527.png

 

0 Likes
suyash1
Shopify Partner
2738 290 452

This is an accepted solution.

@Hina_Agarwal - please add this 

.template-collection .grid-product__meta .grid-product__price-wrap{display: none;    visibility: hidden;}
You are welcome to contact me, my email - suyash.patankar@gmail.com
Free Shopify solutions/tutorials on youtube
#1 page builder app on Shopify - for FREE! PageFly
Hina_Agarwal
Explorer
48 0 15

Thank You. You are genius.

suyash1
Shopify Partner
2738 290 452

@Hina_Agarwal - welcome, if you need anything you can contact me on email for quick communication

You are welcome to contact me, my email - suyash.patankar@gmail.com
Free Shopify solutions/tutorials on youtube
#1 page builder app on Shopify - for FREE! PageFly
0 Likes