How can I center the 'out of stock' label on product pages?

[Marco211]

Good morning, do you happen to know how to center the “out of stock” label, in order to put everything centered for the products? Thanks a lot to everyone

https://refade-8966.myshopify.com/

password: refade

[Dan-From-Ryviu]

Hi @Marco211

Do you mean center this badge?

[Marco211]

Yes exactly

[Moeed]

Hey @Marco211

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Dan-From-Ryviu]

Add this code at the bottom of your base.css file.

.card__content .card__badge {
justify-self: center !important;
}