Docs

[christine-i]

Hello,

I want to customize the “Read more”-Button that appears if a product is out of stock.
1. How can I hide the shopping cart icon left from the text?
2. How can I change the color of the button? (Only the “Read more”-Button, not the “Add to cart”-Button.)
3. How can I scale up the high of the button? I would like to add more text on this button, so I need space for two lines.

Thanks in advance.

Best regards,
Christine

[Thai]

Hi There,

Please add the following CSS:

.woocommerce li.product.outofstock .entry-header .button {
    background-color: red;
    height: 52px;
    top: -76px;
}
.woocommerce li.product.outofstock .entry-header .button:before {
    display: none;
}

Hope it helps 🙂

[Author]

Posts