Change sale badge location

Solved

Change sale badge location

CarCleanCC
Explorer
57 0 8

Hi!

 

I am using dawn theme and my website is carcleansweden.se. I was wondering how I can change the sale badge location as shown in this picture:

CarCleanCC_0-1732487438291.png

 

Accepted Solution (1)

TikitaTech
Shopify Partner
71 18 18

This is an accepted solution.

Hi @CarCleanCC!

 

Head to Admin > Online Store > customise > Edit Code > component-card.css > line 273:

Change .card_badge from:

.card__badge {
  align-self: flex-end;
  grid-row-start: 3;
  justify-self: flex-start;
}

 

to:

.card__badge {
  justify-self: flex-end;
}

 

This will achieve this:

swappy-20241125_053524.png

 Hope this helps!

Daeda Wishlist - a simple wishlist
Co-founder @ Daeda Technologies to make tech simple

View solution in original post

Reply 1 (1)

TikitaTech
Shopify Partner
71 18 18

This is an accepted solution.

Hi @CarCleanCC!

 

Head to Admin > Online Store > customise > Edit Code > component-card.css > line 273:

Change .card_badge from:

.card__badge {
  align-self: flex-end;
  grid-row-start: 3;
  justify-self: flex-start;
}

 

to:

.card__badge {
  justify-self: flex-end;
}

 

This will achieve this:

swappy-20241125_053524.png

 Hope this helps!

Daeda Wishlist - a simple wishlist
Co-founder @ Daeda Technologies to make tech simple