How do I align the sold out badge between the product title and price?

[Matteo1998]

Hello,

I have a problem with the position of the sold out logo, do you know how to make it aligned, between the product title and the price please?

It look like this.

Thank's

[KetanKumar]

@Matteo1998 

sorry for that issue can you pleas share store url?

[Matteo1998]

https://mon-coin-zen.com

Thank's

[Matteo1998]

But in fact it would be a bad idea to put it between the price and the name, would it be possible to put it in the left corner of the product image?

[KetanKumar]

@Matteo1998 

sorry but how can i guide you?

please share store url

[Matteo1998]

Hoo sorry i start to tupe the url but i miss something sorry.

https://mon-coin-zen.com

[Matteo1998]

so can you help me please ?

[KetanKumar]

@Matteo1998 

thanks for url

but i can't see your store.

[Matteo1998]

Here is, I unblocked all the countries, I'm really sorry

[KetanKumar]

@Matteo1998 

no rush how can i check

give me your contry name i will check my VPN

[Matteo1998]

Belgium

[KetanKumar]

@Matteo1998 

thanks but i can't see now sold out any product 

[Matteo1998]

Go in the "soins du corps" collection, after in "thés" and it's the first one.

[KetanKumar · Accepted solution]

@Matteo1998 

yes please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste the below code at the bottom of the file.

.price.price--listing {
flex-wrap: wrap;
    justify-content: center;
}
.price__regular {
width: 100%;
}

[Matteo1998]

Yes, it works perfectly, thank you very much for taking your time to help me 🙂