Checkbox / Radio hidden (Solution)

  • Resolved kardall

    (@kardall)


    5 years, 6 months ago

    So if anyone has a problem with hidden radio buttons and checkboxes when adding in the ‘options’ for check/radio inputs… it is the theme you are using that is overriding the checkbox style with 

    input[type="radio"], input[type="checkbox"] {
    display: none;
}

    In the additional CSS on the PPOM you are editing, is the following:

    input[type="radio"], input[type="checkbox"] {
    display: inline-block;
}
Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi @kardall,

    can you please more detail on this?

    Thread Starter kardall

    (@kardall)

    This Theme: https://themeforest.net/item/snow-club-ski-resort-and-snowboard-classes/19888774

    and the plugin makes the checkboxes invisible. Apparently the theme has a checkbox style that has “Display: none” as a CSS value, but it is generated on the fly with scss/less etc., so you can’t just edit it. I haven’t been able to find the setting in the theme options to change this.

    So I had to put the code to override the default theme style for the inputs as above, in order for them to be visible. Otherwise, you could click the label for the checkbox/radio and it worked, but there was no indication of what was going on. So I put that css code on the PPOM Meta field, and it makes it work.

    The above code was in the wordpress bootstrap 5.2.2 generated style.css

    • This reply was modified 5 years, 6 months ago by kardall.

    Hi,

    I see, yes sometimes Theme overrides the CSS and that’s why we have an option added to add custom CSS.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Checkbox / Radio hidden (Solution)’ is closed to new replies.