Change Sale badge placement on collection page in dawn theme

[fostino]

Change Sale badge placement on collection page in dawn theme

default is on bottom left and i want it on top left

[Guleria · Accepted solution]

Hello @fostino,

1. Go to Online Store->Theme->Edit code
2. Asset->base.css-> paste bellow code in bottom of file

.card__badge {
    bottom: unset !important;
    display: flex;
    flex-wrap: wrap;
    left: 1rem;
    position: absolute;
    top: 1rem;
}

Thank

[fostino]

@Guleria Thanks 🙂

[olaas]

weirdly enough this solution places the badge only half way up for me and not top left 😕 do you have any idea why?

[gabrielcoliveir]

Here too. It's only halfway up.

[besesrafa]

I adjusted the rem: THEME DAWN 9.0.0

.card__badge {
bottom: unset !important;
display: flex;
flex-wrap: wrap;
left: 1rem;
position: absolute;
top: -9rem;
}

[besesrafa]

I adjusted the rem: THEME DAWN 9.0.0

.card__badge {
bottom: unset !important;
display: flex;
flex-wrap: wrap;
left: 1rem;
position: absolute;
top: -9rem;
}