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

Store Design
1

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

Capture d’écran 2021-09-08 à 16.45.38.png
Capture d’écran 2021-09-08 à 16.45.38.png620×710 46.1 KB

1 Like
2

@Matteo1998

sorry for that issue can you pleas share store url?

1 Like
3

https://mon-coin-zen.com

Thank’s

4

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?

1 Like
5

@Matteo1998

sorry but how can i guide you?

please share store url

1 Like
6

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

https://mon-coin-zen.com

7

so can you help me please ?

1 Like
8

@Matteo1998

thanks for url

but i can’t see your store.

KetanKumar_0-1631763513903.png
KetanKumar_0-1631763513903.png1920×1080 194 KB

1 Like
9

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

1 Like
10

@Matteo1998

no rush how can i check

give me your contry name i will check my VPN

1 Like
11

Belgium

1 Like
12

@Matteo1998

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

1 Like
13

Go in the “soins du corps” collection, after in “thés” and it’s the first one.

Capture d’écran 2021-09-17 à 14.47.41.png
Capture d’écran 2021-09-17 à 14.47.41.png2880×1800 416 KB

1 Like
14

@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%;
}
1 Like
15

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