How can I change label color in Shella theme?

Store Design
1

Hey there, I’ve been looking around but can’t find the solution.

I’m trying to change this label color

labelUdklip.PNG
labelUdklip.PNG324×529 112 KB

From this:

.label–new {

  1. background-color: var(–label-new-bg);

}

To this:

.label–new {

  1. background-color: rgb(207, 144, 144);

}

But when I write it into my theme.css, nothing is happening.
I did find this and tried changing the color, but that did not work either.

.label–sale {
background-color: var(–label-sale-bg);
}

.label–new {
background-color: var(–label-new-bg);
}

.label–hot {
background-color: var(–label-hot-bg);
}

.label–out-stock {
background-color: var(–label-out-stock-bg);
}

.label–in-stock {
background-color: var(–label-in-stock-bg);
}

.label–pre-order {
background-color: var(–label-pre-order-bg);
color: var(–label-pre-order-c);
}

Last but not least, the file theme.scss.liquid does not seem to exist.

What am I doing wrong? Hope you can help.

2

the website: https://inamodus.dk/collections/kjoler-new

3

@Kasper4

Please add the following code at the bottom of your css file.

.label--new {
    background-color: rgb(207, 144, 144) !important;
}

Let me know if this works.

Thanks!

4

Hey @dmwwebartisan , thanks for your reply!

I have put in this:

themecss.PNG
themecss.PNG1677×858 65.7 KB

And saved it, but it doesn’t change anything :disappointed_face:

5

@Kasper4

Strange, did you tried with another CSS file?

6

Well.. apparently it was in the theme.min.css.

  • silly me…

Thank you so much for your help @dmwwebartisan !

7

Thank you for using the Shella theme.

You may edit the label color at Theme settings → Colors - https://take.ms/hLRa5

If you want to store you custom CSS styles at custom.min.css file, you should enable it at Theme settings → Developer

If you have more questions about theme settings, please create a new ticket at the support system - https://mpithemes.ticksy.com/.

Stay safe and healthy.

Best regards