How can I move a badge to the top left corner in Dawn 2.0?

[LucaSt]

Hey Guys,

I got two badges on my product cards.

Both are in the bottom left of the card, now I want one of them to be in the top left corner.

I tried the css class "badge--top-left".

Also I tried the solution on https://community.shopify.com/c/shopify-design/move-the-sale-badge-to-top-left-corner-and-change-col... 

- so I made a class to overwrite it

.badge--top-left{ top: 1rem; bottom: initial !important; }

both didn't work for me. 

[Columbus_Themes]

A link to your website and some screenshots would be helpful to get a better understanding to your issue.

[GemPages]

Hello @LucaSt 

Could you please share your store url ( with pass if your store password is enabled ) then I can see and suggest something for you?

Best regards,
GemPages Support Team

[omarhussain · Accepted solution]

Hi LucaSt use this code

put this code at the end of base.css

.card__badge {
    align-self: flex-end;
    justify-self: flex-start;
    top: 0px;
    position: absolute;
    left: 0;
    grid-row: auto;
}