Return to previous page

Out of stock label on the center of product catalog and widget

This topic has 2 replies, 2 voices, and was last updated 4 hours, 51 minutes ago ago by Rose Tyler

Denurade

Participant

January 24, 2025 at 14:19

Good afternoon, I wonder if you could help me. How can I put a label that the product is out of stock in the center of the product picture? How to do it in the product archives and in the elementor widget?

#432134 Copied Theme version: 9.4.7

1 Answer
Rose Tyler

Support staff

January 24, 2025 at 14:32
Hello, Denurade,

Thank you for reaching out to us. We would be happy to assist you with your query.

Please try to use this custom CSS code:
```
.etheme-product-grid-item .stock.out-of-stock {
    position: absolute;
    text-align: center;
    background-color: rgba(255, 255, 255, .9);
    z-index: 1;
    margin-bottom: 0;
    font-size: .85rem;
    text-transform: uppercase;
    color: var(--et_dark-color);
    left: 50%;
    top: -70%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 7px 14px;
}
```
Best regards,
8Theme’s Team
#432137 Copied
Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Sneakers Store – WordPress WooCommerce Theme

lazy-placeholder

Beaty & Cosmetics – WordPress WooCommerce Theme

lazy-placeholder

Restaurant – WordPress Theme

lazy-placeholder

Minimal Store – WordPress WooCommerce Theme

lazy-placeholder

Legenda – E-Commerce and Corporate PSD Theme

lazy-placeholder

Wedding Store – WordPress WooCommerce Theme

lazy-placeholder

Legenda – WooCommerce WordPress Theme

lazy-placeholder

Bakery Store – WordPress WooCommerce Theme

lazy-placeholder

Yoga Accessories – WordPress WooCommerce Theme

lazy-placeholder

Coffee Store – WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.