New and Sale Labels i different colors. Prestige

Store Design
, ,
1

Hi, im looking for labels in different colors. I have already label sitting but is not working anymore. Please help me https://no-excess.com/collections/new-in

2

@sebastiaanjopp Go to assets and open this CSS shopworks-custom.css

Now paste below code in to bottom of css.

.ProductItem__Label

background:#000 !important

I setup the black background for now. You can change the color code with whatever you needed.

3

@DelightCart will all labels changed to this color Sale and New?

4

Hello @sebastiaanjopp

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > shopworks-custom.css and paste this at the bottom of the file:
span.spf-product__label.repon_choise_label {
background: #7f1a17!important;
color: #fff!important;
}

ZestardTech_0-1691412449657.png
ZestardTech_0-1691412449657.png1895×781 252 KB

5

Hey @sebastiaanjopp

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

Moeed_0-1691412999963.png
Moeed_0-1691412999963.png1461×711 78.7 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

6

span.spf-product__label {
z-index: 1 !important;
}
span.spf-product__label.new_label {
/* background: #C78412!important; /
color: #fff !important;
}
span.spf-product__label.repon_choise_label {
/ background: #F94C43!important; */
color: #fff !important;
left: auto;
right: 5px;
}

span.spf-product__label.pet_label {
/* background: #F94C43!important; */
color: #fff !important;
}

This we have now repon_choise_label is working only new not.

7

Yes but the you change all the colors, i dont want to change the Repon_choise_label

I only want to change the NEw label.

span.spf-product__label {
z-index: 1 !important;
}
span.spf-product__label.new_label {
/* background: #C78412!important; */
color: #fff !important;
}

span.spf-product__label.repon_choise_label {
/* background: #F94C43!important; */
color: #fff !important;
left: auto;
right: 5px;
}

span.spf-product__label.pet_label {
/* background: #F94C43!important; */
color: #fff !important;
}