[Plugin: Contact Form 7] Checkbox styling

  • Two questions related to styling checkboxes in Contact Form 7

    I’ve read https://contactform7.com/2009/11/21/custom-layout-for-checkboxes-and-radio-buttons/ and have

    span.wpcf7-list-item { display: table-row; }
span.wpcf7-list-item * { display: table-cell; }

    in my stylesheet, working to display the checkboxes in a column.

    1. Is there a way to make it display in two columns rather than just one? I tried span.wpcf7-list-item { display: table-row; column-count:2;} but that didn’t seem to work. I can get around it by using a second [checkbox] set, but it would be nice if it could just be one big list.

    2. Ideally, I would like some of the checkbox options to be “headers” rather than checkboxes, so it would look like:
    I’m interested in the following:
    Services
    [] Platinum
    [] Gold
    [] Silver
    Activities
    [] Item 4
    [] Item 5
    [] Item 6

    Any way to easily accomplish that without using multiple [checkbox] sets?

  • The topic ‘[Plugin: Contact Form 7] Checkbox styling’ is closed to new replies.