CF8 - Color for checkbox.checked

Adjust the color for a checked checkbox in ChronoForms.

Overview

The default styling applies a color that may not match a specific corporate design, and directly editing core CSS files is not recommended as changes are lost on updates.
Use the CSS view within ChronoForms to modify the relevant CSS variable for the `.nui.checkbox.checked` selector to apply your custom color, such as #87AF44.

rb rbock 17 Sep, 2023

How can I adjust the color for checkbox.checked?

rb rbock 17 Sep, 2023

OK, as I often do, I edited the CSS file (nui.min.css).

Max_admin 19 Sep, 2023

not very wise as this will be overwritten when you update

Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.

Max_admin 21 Sep, 2023

Answer

I added this feature to next update

Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.

rb rbock 22 Sep, 2023

OK thanks. BUT: Now the symbol and text are colored. It's about this formatting:

.nui.checkbox.checked>label::before{background-color:hsl(var(--h),var(--s),var(--lt))\!important;

And feel free to specify your own color. For example, I need #87AF44
Key point: Corporated Design

This basically affects all fields, including the buttons, for example.

Max_admin 25 Sep, 2023

ok, you can use the CSS view to change the variables of this line to have the desired color you need

Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.

This topic is locked and no more replies can be posted.