How to customise the Variant and Quantity drop down fields on a Product Page.

Site URL: https://shop.alexandraadoncello.com/shop/p/ilciolo

I'm trying to make the font size of 'Quantity' the same as the Variant options (Size, Frame, Border). 
I've already used the code below to customise the variant fields, I would like to match the font size of quantity and it's number to the variant options, which is 14px.

/* Variant */
.variant-select-wrapper {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}
.variant-select-wrapper option {
    font-size: 30px;
}
div.variant-option * {
    font-size: 14px;
}
/* Quantity */
.product-quantity-input input {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
      font-size: 14px;
}
 

9 hours ago, lexcello said:

Site URL: https://shop.alexandraadoncello.com/shop/p/ilciolo

I'm trying to make the font size of 'Quantity' the same as the Variant options (Size, Frame, Border). 
I've already used the code below to customise the variant fields, I would like to match the font size of quantity and it's number to the variant options, which is 14px.

/* Variant */
.variant-select-wrapper {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}
.variant-select-wrapper option {
    font-size: 30px;
}
div.variant-option * {
    font-size: 14px;
}
/* Quantity */
.product-quantity-input input {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
      font-size: 14px;
}
 

 

Hi, add this code to custom css and let me know what you think 🙂

.ProductItem-details .quantity-label {
  font-size: 14px;
}

.ProductItem .ProductItem-details .product-quantity-input input {
  font-size: 14px;
}