Making the colour box smaller/quantity box bigger

Good day,

May you kindly assist me. How do i make the colour box smaller and the quantity box bigger such that the quantity box can accommodate large quantities. Please see screenshot below.

@IanIan26
Hello,
Can You Please Share Your Store URL…

https://wgv7lj9ox8hxq808-56582471815.shopifypreview.com

Hi @IanIan26

This is PageFly - Advanced Page Builder. I would love to give you some recommendations

Add this css at the bottom

Online Store->Theme->Edit code

assets-> theme.scss.css

.product-form__item–quantity {

flex: 0 0 150px !important;

}

Hope you find my answer helpful!

Regards,

PageFly

@IanIan26
Hello,

.product-form__item--quantity {
	flex: 0 0 220px;
}

OR 

.product-form__item--quantity, .product-form__item {
	flex: auto;
	width: 50%;
}
 .product-form__item--submit {
	flex-basis: auto;
	width: 100%;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid

Like This

Thank you solutions worked.

1 Like