Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1232193

    Hello,

    thank you first for the great Theme Enfold. It is really good looking and makes fun working with it.
    We have one big problem. The checkboxes and radio buttons are not visible or looking miserable and are not useable. For us, they are important because we do booking and stuff with our page.

    For example I added a checkbox with label Test on https://mosel-dogs.de/impressum/ . I cant see the checkbox (Mac, Chrome).
    It doesn’t matter if it is a checkbox in a contact form or on a normal page. I thought Contact Form 7 has to do with it, but I don’t think so. I think it is an enfold problem.

    What we did already:
    Disable Javascript
    Commented out every css rule with checkbox und base.css, rtl.css and shortcodes.css
    Enfold -> Performance -> Disabled compress css file
    Enfold -> Performance -> Delete old js / css files
    Design -> Customizer -> Additional css:

    input[type=”checkbox”] {
    -webkit-appearance: checkbox !important;
    -moz-appearance: checkbox !important;
    -ms-appearance: checkbox !important;
    -o-appearance: checkbox !important;
    appearance: checkbox !important;
    }
    
    #top input[type=checkbox].input-text {
    width: 14px !important;
    margin: 0 10px 0 0 !important;
    }
    
    input[type=”radio”] {
    -webkit-appearance: radio !important;
    -moz-appearance: radio !important;
    -ms-appearance: radio !important;
    -o-appearance: radio !important;
    appearance: radio !important;
    }
    
    #top input[type=radio].input-text {
    width: 14px !important;
    margin: 0 10px 0 0 !important;
    }

    Nothing worked. It would be great if you could help us.

    Thank you very much

    #1232504

    Hey moseldogs,

    This CSS is hiding it:

    input, textarea, button, select {
        appearance: none;
    }

    It’s coming from the file in private. This CSS worked when I checked it in the browser if you want to try it out:

    input, textarea, button, select {
        appearance: auto;
    }

    Best regards,
    Rikard

    #1232758

    Thank you very much. That worked!

    #1232773

    Hi,

    Glad Rikard could help! :)

    For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/

    If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Yigit

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Checkboxes are not visible / missing’ is closed to new replies.