Quiz Styler

Toggle Active state

Published: November 1, 2023
Support status: closed

Is there a way to change the active state of the toggle button? For instance, blue when unselected and black when selected – only for the track.

thread author: asif

There are two parts to a toggle. There is the “track” (which you currently have as the blue), and there is the “switch” (currently in white).

In order to do what you want (blue track for “off”, black for “on”), you can add the following CSS to the Custom CSS section of the styler addon.

.hdq_row .hdq-options-check input[type="checkbox"]:checked + .hdq_toggle:before {background: #000000 !important;}

You can remove the :checked part of the above if you wanted to affect the “off” state.

01 November 2023 — 12:15 support admin - Dylan

Works Perfectly.

Great work again.

01 November 2023 — 16:03 thread author - asif

Login to reply