Sorry, I dont understand anymore your request.
1st: color and background color of the “on sale”.
2nd: color of “on sale” and want the first letter to be capitalized.
3rd: text to appear bigger, only the first letter capitalized (“You”) and change color.
And you added more repeating code in your theme.css. Of course, it won’t work!
I’ve already given you the code, but you’re making it more complicated. Stick to the initial request, solve it first, and then move forward. The color isn’t changing because you’re applying the same color repeatedly—change the color!
PLEASE, if you want to solve this remove the codes SS above. from line 12432 until 12446 and re place the code below.
.product-meta__price-list-container span.label.label--highlight {
font-size: 18px !important; /*increas font*/
text-transform: capitalize !important; /*capital all the word*/
background-color: red !important; /*change background color*/
color: white !important; /*text color*/
}
And Save.
Result:
If this still didnt solve the problem, please hire a developer. Let us know if your interested. Thanks!
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!