Hello,
Purple 2), 3), 4) Use column settings for these purposes https://prnt.sc/7j-q02ricUXT
Blue 1) – It inherits the body font-family, there is no option to change the separately. Only using custom CSS.
To change the font-size, color go to Theme Options > WooCommerce > Single product builder > Product meta > https://prnt.sc/IrfJrfLWGcVh
Blue 2), 3) – use custom code to change that. For example add the below custom CSS to Theme Options > Custom CSS
ul.st-swatch-size-large li.type-label a, ul.st-swatch-size-large li.type-label span {
font-size: 1rem;
padding: 12px;
}
Blue 4) – use custom code to increase size because there is no special option for this
.et_product-block .cart .quantity {
zoom: 1.2;
}
Yellow – Theme Options > WooCommerce > Single product builder > Add to cart & quantity > edit settings https://prnt.sc/MrumveNnBaXk
Regards