Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Change sale badge location

Solved

Change sale badge location

CarCleanCC
Tourist
16 0 0

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
65 14 15

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!

Tikita Tolley | Co-Founder @ Daeda Technologies Ltd
Building apps to make tech simple.
Here to help - just ask!

View solution in original post

Reply 1 (1)

TikitaTech
Shopify Partner
65 14 15

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!

Tikita Tolley | Co-Founder @ Daeda Technologies Ltd
Building apps to make tech simple.
Here to help - just ask!