can someone bring the 20% off tag down on my product image which is currently placed on top

[attackon]

can someone bring the 20% off tag down on my product image which is currently placed on top of my store link https://swawe.store/ , I want to display 20%off and coming soon on bottom left than on top right
password is- omg

[Entesta]

Hi @attackon

You can add custom CSS to add some margin on top of that 20% off on product images.

Please add the below CSS to your theme base.css file.

.product-card-wrapper .card__badge span {
    margin-top: 20px; /* adjust it accordingly */
}

Thank you.

[attackon]

no no I want it to be here like on the left corner which is currently right

[Entesta]

Sorry about the confusion.

@attackon please try adding this one. It will place the element in the left bottom corner just like the image above.

.product-card-wrapper .card__badge span {
    position: absolute;
    left: 10px;
    bottom: 10px;
}

[Asad-Mahmood]

Go to your online store → customize → settings → custom css and paste the below code there

.product-card-wrapper .card__badge span {
    position: absolute;
    left: 10px;
    bottom: 10px;
}