How can I separate the the sales tag from the item?

[harukajmickey]

Hi I am using Dawn.

The sales tag is in a div of the item, and they are close next to each other. However I want to separate the tag from the item and put it in a div of the item title, reviews, and price like the image above. Could anyone teach me how to do it?

Thank you in advance!

[LitCommerce]

Hi @harukajmickey,

Please follow the steps below: 

- Step 1: Go to card-product.liquid file and move code here:

- Step 2: Go to Assets > base.css and paste this at the bottom of the file:

.product-card-wrapper .card__badge {
  align-self: flex-start !important;
}

Hope it helps!