[Resolved] Styling checkbox labels

[Author]

Posts

[Edward Barker]

Hi There,

I've created a search form with a checkbox and the html output is as follows ...

<div class="checkbox">
<label for="wpv_control_checkbox_wpcf-location-coffee" class="location-label-unchecked">
<input type="checkbox" id="wpv_control_checkbox_wpcf-location-coffee" class="location-type js-wpv-filter-trigger checkbox" name="wpv-wpcf-location-coffee" value="1">
Coffee
</label>
</div>

I wish to style the labels when a checkbox is checked.

A similar issue is listed here https://toolset.com/forums/topic/checkbox-css-checked-label-not-working/ but I can't seem to work it back.

I want to add the following styles ...

Unchecked:
background-color:white;
color:#666666;

Checked:
background-color:#999999;
color:white;

Any ideas on how this can be achieved?

[Minesh]

Hello. Thank you for contacting the Toolset support.

Basically - its a custom work and that is beyond the scope of our support policy.

However - if you can send me problem URL and admin access details and I am happy to check what I can do for that.

*** Please make a FULL BACKUP of your database and website.***
I would also eventually need to request temporary access (WP-Admin and FTP) to your site. Preferably to a test site where the problem has been replicated if possible in order to be of better help and check if some configurations might need to be changed.

I have set the next reply to private which means only you and I have access to it.

[Edward Barker]

No worries, I just used gravity forms to parse the info as a set of url parameters if anyone was looking for a workaround