Changing the Sale icon style and position in store pages

Site URL: https://khuramanarmstrong.com

I would like to change the default "Sale" icon in the Store page to match how it appears in a Summary block (see screenshots attached).  Any code suggestions please?

4 hours ago, GraemeArmstrong said:

Site URL: https://khuramanarmstrong.com

I would like to change the default "Sale" icon in the Store page to match how it appears in a Summary block (see screenshots attached).  Any code suggestions please?

Can you give us the direct link to the image you uploaded above?

The desired Sale icon format and placement can be seen in the Featured Products summary block on https://www.khuramanarmstrong.com/endarc-zen

The Store format, where I want to change the Sale icon, can be seen here https://www.khuramanarmstrong.com/endarc-store

On 10/4/2021 at 6:17 AM, GraemeArmstrong said:

The desired Sale icon format and placement can be seen in the Featured Products summary block on https://www.khuramanarmstrong.com/endarc-zen

The Store format, where I want to change the Sale icon, can be seen here https://www.khuramanarmstrong.com/endarc-store

The second url doesn't exist

Sorry it's now  https://www.khuramanarmstrong.com/endarc-zen-store

On 10/6/2021 at 1:34 PM, GraemeArmstrong said:

Sorry it's now  https://www.khuramanarmstrong.com/endarc-zen-store

 

Try adding to Design > Custom CSS

.product-mark.sale {
    positioN: absolute;
    top: 5px;
    right: 5px;
    background-color: black;
    color: white !important;
    padding: 10px;
}

Awesome.  Thanks.  Just need to correct the uppercase N in "position" on the second row.

On 10/6/2021 at 1:34 PM, GraemeArmstrong said:

Sorry it's now  https://www.khuramanarmstrong.com/endarc-zen-store

 

The url doesn't exist now..