Solved

Sale Sign on Mobile

l1kim
Tourist
17 0 1

IMG_6707.jpeg

Hello,

 

On my mobile, how do I change the background color # and text color # of “SALE” next to the price?

(Right now it’s white on white)

 

my url: putonlovemarket.com 

 

Thank you!

 

Accepted Solution (1)

AnneLuo
Shopify Partner
176 39 46

This is an accepted solution.

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme. liquid file and add the following code to the head tag

 

 

<style>
  @media (max-width: 767px) {
    .price__badge-sale {
      color: #ff0000 !important; // The color value you want to modify
      background-color: #fff !important; // The color value you want to modify
    }
  }
</style>

 

 

 

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to contact me on luomingxia@shinetechsoftware.com.

View solution in original post

Replies 5 (5)

AnneLuo
Shopify Partner
176 39 46

This is an accepted solution.

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme. liquid file and add the following code to the head tag

 

 

<style>
  @media (max-width: 767px) {
    .price__badge-sale {
      color: #ff0000 !important; // The color value you want to modify
      background-color: #fff !important; // The color value you want to modify
    }
  }
</style>

 

 

 

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to contact me on luomingxia@shinetechsoftware.com.

l1kim
Tourist
17 0 1

Hm... It looks like the "sale" letters color changes but the background color won't change with the code. 

Would you have another way?

l1kim
Tourist
17 0 1

IMG_6714.jpg

AnneLuo
Shopify Partner
176 39 46

Well, all you need to do is modify the color value in the code above. You need change the white to another color.

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to contact me on luomingxia@shinetechsoftware.com.
l1kim
Tourist
17 0 1
I did change color # but still won’t change