Product scarcity text on image in Summary Blocks

Site URL: https://www.fioridicipria.com/it/shop-now

Hi there! I've created a custom shop page form my website using Summary Blocks and tags and I'd love to change the position of the product-scarcity text.

I'm looking for a way to display the text right at the bottom of the product image, like the attached photo. If you guys could help, I'd really appreciate it (currently the product-scarcity is hidden because I haven't designed it yet)

Please enable one of them and show me the url to check

5 hours ago, bangank36 said:

Please enable one of them and show me the url to check

Sure thing, there you go: https://www.fioridicipria.com/development

Two products in this page has low stock and the scarcity label is displayed. Thanks for your help!

You mean these?

No, Bagno Doccia Latte e Miele and Puro Olio di Mandorle Dolci Spremuto a Freddo are currently on low stock, the label is displaying. I'll add the red padding so that it would be more visible

Edit: there you go 😉

What is saw is

2 hours ago, RobPegurri said:

Sure thing, there you go: https://www.fioridicipria.com/development

Two products in this page has low stock and the scarcity label is displayed. Thanks for your help!

@bangank36

1 minute ago, RobPegurri said:

@bangank36

 I used flexbox 

.sqs-gallery-meta-container {
   display: flex;   
   flex-direction: column;
   position: relative;
}
.sqs-gallery-meta-container  .summary-title {
      order: 2;
  }
.sqs-gallery-meta-container  .summary-price {
      order: 3;
  }
.sqs-gallery-meta-container  .product-scarcity {
    position: absolute;
    width: 100%;
    top: -40px;
}

YES! Works like a charm 😍 thanks man!

14 minutes ago, RobPegurri said:

YES! Works like a charm 😍 thanks man!

Sorry for being confused earlier, hah

1 hour ago, bangank36 said:

Sorry for being confused earlier, hah

No worries, actually it was me 😅