Move "Sold Out" Badge to underneath product (Stiletto Theme)

[stinem123]

Hi, I am making a new upgrade to my store, and just bought Stiletto Theme

Anyone who can help with some liquid coding, so the “sold out” badge can be moved from being on right side of the photo, to be placed here underneath picture, to the right side of the product title, as marked on the photo?

Thank you very much. I really hope someone can help!

https://sz3sfqt5yxf6q6v9-57068945600.shopifypreview.com/collections/alle-smykker

(Preview only available in two days)

.

.

.

.

.

.

.

.

@GemPages_Agents

@KetanKumar

@hammadCodes

@PaulNewton

@Ninthony

@dmwwebartisan

@ExpertRookie

@MandasaTech

@GemPages

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.css and paste this at the bottom of the file:

.product-item .product-badges.product-badges--position-top {
bottom: 10px;
}

[stinem123]

Hi @ZestardTech , thanks for you reply.

The “sold out” badge should not be on on the picture, but placed underneath picture, to the right side of the product title, as marked on the photo. Can you help with a code for that?

I am using Stiletto Theme: https://aqz1kfe7o8yu8b6s-57068945600.shopifypreview.com

(Preview only available in two days)

Thank you very much!

[ZestardTech]

Hello @stinem123

For this we have to change the HTML structure, it is not possible by css.

[stinem123]

Hi @ZestardTech , thanks for your reply.

Is that something I can do in some way?

https://h9iqjejx7bdqm2qo-57068945600.shopifypreview.com/collections/alle-smykker