Radio / Checkbox not visible

  • Form creates as defined, text is displayed, but checkboxes and radio buttons do not display. Using GO template.

    Thanks in advance for any suggestions and assistance.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • there are 2 issues:

    after a input you must use a label and not a span. this because the style target this element. 

    input[type=checkbox]:checked+br+label:before, 
input[type=checkbox]:checked+label:before

    the second issue is the style of the input and label:before itself

    input[type=checkbox], input[type=radio] {
    height: 20px;
    opacity: 0;
    width: 20px;
    display: block;
}
    .wpcf7-list-item-label::before, .wpcf7-list-item-label::after {
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    background: red;
}

    hope it help!

    Thread Starter deahlstedt

    (@deahlstedt)

    Thank you for the hints. Form created with Contact Form 7 tools. Building site for others and trying to keep to “drag and drop.” Will go with online code if no other solution available.

    Again thank you for the suggestions.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Radio / Checkbox not visible’ is closed to new replies.

Tags