Dawn theme; How to have the sold out badge on top of image instead of above?

[wendyl93]

Hi!

So I have added a ‘new’ badge to my products, but the products that have 2 badges are coming up lower than the other ones, how do I change this to have them aligned all on the same height? (Then the badges will be on top of the image instead of above)

[ZestardTech]

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

[wendyl93]

@ZestardTech

Thank you!

www.dear-little-things-nl.myshopify.com

password: hello12345!

[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:

.card-wrapper .card.card--product { overflow: visible;}
.card-wrapper .card.card--product .card__badge {
top: -25px !important;
z-index: 999;
right: 0;
}
@media(max-width:575px){
.card-wrapper .card.card--product .card__badge {top: 0 !important; right:auto;}
}

[wendyl93]

@ZestardTech

I have added it but it comes out like this