Can't get checkbox text color assigned in extensions to work

Hi, I’m wondering what I’m doing wrong here. Trying to change the checkbox text color to a light blue here instead of the default black.

Also trying to make the checkbox itself black instead of that faded blue in the pic here. This might be related to my earlier question about Select Dropdown custom heights…

Hello @William_Lee

When you using variables, you don’t need to create a CSS class on the element. Also when you try to assign a variable - you do it like a CSS property, that doesn’t work, because you forgot “@”.

So your extension should be like the example below.

@checkboxUncheckedTextColor: red;
@checkboxCheckedTextColor: green;

Regards, Dima.

Hi Dima I’m still not able to change the colors on the check box. Please let me know what I should do. Thanks!

Hi William,
I’m not sure (just guessing …)
I understood Dima in away that you do not need to define a new style .check_box_format { …}.
Just only paste the variable setting in the editor
@checkboxUncheckedTextColor: red;
@checkboxCheckedTextColor: green;

Maybe this works out?
Regards

2 Likes

Hello @William_Lee

As I understand it, you want to style a specific component?
For style a specific component:

Paste code here

Regard, Viktor

1 Like

Thanks for the answer on that I’ll give that a shot…