Hello,
1) Try to disable all third-party plugins, that do not come bundled with our theme, and check how it works then.
2) Please use this custom CSS code as a temporary solution:
.stock.step-1 {
color: #222;
}
Color of “Out of stock” text will be fixed in the next update of the theme, then you will be able to delete the mentioned custom code.
3) Looks like the problem is caused by Optimizer plugin which change
padding: 0.79em 1.2em 0.79em calc(1.2em + 25px);
to padding: 0.79em 1.2em 0.79em calc(1.2em+25px);
http://prntscr.com/qapslw so paddings for woocommerce-info message do not work correctly.
Try to disable the plugin and check. If you want to use the plugin, contact the support of it, or add the next custom CSS as a workaround:
.woocommerce-message, .woocommerce-error, .woocommerce-info, .dokan-info, .dokan-error, .dokan-alert, .dokan-alert-success, .mc4wp-alert {
padding: 0.79em 1.2em 0.79em 3.3em;
}
Regards