Color Specific To A Value
TD
TOCHTERMANN DAMIEN
Hello,
In the website i work actually on , i have a status field (dynamic field). How to change color of text depending on that value ? Thanks ( for example, : "started" in green, "work in progress" in yellow etc...
9 Answers
Order by
Oldest
Toufiq
Accepted AnswerHi there,
Thank you for your question. Right now there is no feature to do it. This can be achieved by using custom CSS based on the value of the status field.
Best regards,
Toufiqur Rahman (Team Lead, Support)
TD
TOCHTERMANN DAMIEN
Accepted Answerdo you have an example of css for this ? i just have 2 values in this website ( "In progress" / "Finalized").
Thanks
PS : would be welcome to be able to custom this.
TD
TOCHTERMANN DAMIEN
Accepted AnswerFrench values are "En cours" and "Terminé" ( field eStatut") in Projets (Dynamic field)
Toufiq
Accepted AnswerUse this css code inside the custom.css file.
.sppb-addon-dynamic-content-filter-item-checkbox-option:nth-child(1) {
--item-color: #ff3b30;
}
.sppb-addon-dynamic-content-filter-item-checkbox-option:nth-child(2) {
--item-color: #28a745;
}
.sppb-addon-dynamic-content-filter-item-checkbox-option
.sppb-addon-dynamic-content-filter-fake-checkbox-input {
border: 2px solid var(--item-color) !important;
}
.sppb-addon-dynamic-content-filter-item-checkbox-option
input:checked + .sppb-addon-dynamic-content-filter-fake-checkbox-input {
background-color: var(--item-color) !important;
}
.sppb-addon-dynamic-content-filter-item-checkbox-option
input:checked + .sppb-addon-dynamic-content-filter-fake-checkbox-input i {
display: block !important;
color: #fff !important;
}
.sppb-addon-dynamic-content-filter-item-checkbox-option > label {
color: var(--item-color);
}
TD
TOCHTERMANN DAMIEN
Accepted AnswerSorry i forgot to mention... not on filtters but on values from items (list view and detail view)
Toufiq
Accepted AnswerAdded custom javascript and css code.