Change price to red and add “limited time” beside it

Technical Q&A
1

Hey there everyone,

I just was wondering how I can make the price of my product show as the color red instead of black; I’d also like to know how to add a little tag beside the price that says “limited time”.

Thanks.

MusicMasks_0-1657899732270.jpeg
MusicMasks_0-1657899732270.jpeg1169×202 11.7 KB

2

Hi @MusicMasks ,

We can assist you better if you provide your website. Thank you

3

https://www.themusicmasks.com/

Thanks.

4

Hi @MusicMasks ,

Thank you. Here is the code below.

  1. From your Admin store, go to Online store > Themes > Click Actions > Edit code
  2. Open the Asset folder, and find the base.css file.
  3. Add the code below.
span.price-item.price-item--sale.price-item--last {
    color: red;
}

span.price-item.price-item--sale.price-item--last::after {
    content: "Limited time";
    color: #fff;
    background: rgb(51, 79, 180);
    padding: 5px 10px;
    font-size: 10px;
    border-radius: 10000px;
}