• 

  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
  2 Answers
  

  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
  

  Andrew Mitchell

  Support staff

  January 25, 2025 at 10:22

  Dear Denurade,

  As we continue our mission to exceed expectations, your insights become increasingly valuable. Could we, with all due respect, request your thoughtful feedback by giving our theme a deserved 5-star rating on ThemeForest?

  Click here to share your valuable perspective: https://themeforest.net/downloads

  Your time and trust are highly appreciated!

  Best Regards,
  The 8Theme Team

  #432205 Copied
• Viewing 3 results - 1 through 3 (of 3 total)