Variant & Qty. in the same row

[Hina_Agarwal]

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

Thanks in Advance

[suyash1 · 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;}

[Hina_Agarwal]

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

[suyash1 · 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;}

[Hina_Agarwal]

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

[suyash1]

@Hina_Agarwal - welcome

[Hina_Agarwal]

Hi,

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

[suyash1 · Accepted solution]

@Hina_Agarwal - please add this 

.template-collection .grid-product__meta .grid-product__price-wrap{display: none;    visibility: hidden;}

[Hina_Agarwal]

Thank You. You are genius.

[suyash1]

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