How can I move the discounted percent tag to the bottom left in the Impulse theme?

Store Design
1

@KetanKumar I have one more question, help me if you know the answer. I make a photo, maybe must be clear.

I wanna know if I deleted the code sale tag, it shows for me on the right top side, I wanna make it on the bottom left, but not the sale tag, but discounted percent tag, it is possible?

My theme Impulse.

Webpage: dehome.co.uk

Thanks

.

Screenshot 2022-04-22 at 13.27.22.png
Screenshot 2022-04-22 at 13.27.22.png572×716 90.4 KB

2

@KetanKumar On collection page.

3

@Deoxes

can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
span.grid-product__price--savings {
    position: absolute;
    top: -40px;
    left: 0;
    margin-left: 0;
    background: #b22222;
    color: #fff;
    font-size: 13px;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-weight: 600;
    border-radius: 100px 100px 100px 0px;
}
4

@KetanKumar Perfect just maybe know how I can make something like this one?

I insert a photo.

Screenshot 2022-04-22 at 15.51.23.png
Screenshot 2022-04-22 at 15.51.23.png666×774 59.5 KB

Just background black I wanna.

Thanks.

5

@Deoxes

yes, sure please remove last one and add this code

span.grid-product__price--savings {
    position: absolute;
    top: -30px;
    left: 0;
    margin-left: 0;
    background: #000;
    color: #fff;
    font-size: 13px;
    display: inline-block;
    width: 60px;
    height: 30px;
    line-height: 30px;
    font-weight: 600;
}
6

@KetanKumar Thank you!

7

@Deoxes

its my pleasure to help us