Stock quantity label isn’t displayed correctly (CSS)

Hello,
We are using your theme “Vega” and we have an issue with the stock quantity label.
Isn’t displayed correctly when we have just 1 product in stock.
I will let you some screenshots so you can understand better. https://imgur.com/a/xs9Kgo4
In the first image you have the label displayed wrong, in the second image you have the settings that we are having in back-end and in the third image you have how it’s should be showing correcly.
Can you please help me to solve this?
Thank you!

Hi,

Try to add the following code snippet to the Global Custom CSS area in Theme Settings to fix this issue.

@media (min-width: 1025px){
body .xts-single-product form.cart:not(.xts-variations_form) .quantity input[type=text] {
	width: 45px;
}
}

body div.quantity button, div.quantity input[type=text] {
   color: #777;
    background-color: transparent;
    box-shadow: none;
    height: auto;
    width: 35px;
    border-top: none;
    border-bottom: none;
    border-radius: 0;;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    padding: 0;
    text-align: center;
}

This issue will also be fixed in the next theme update.

Kind Regards

Hello,
Thank you very much for your help. We have checked and it’s working.
Keep the good things forward!

Hello,

Glad that everything is sorted out.

Always remember that you can reach out to us with any questions you may have.

We wish you a splendid day!

Kind Regards

[Author]

Posts