Contact Form 7
Checkbox styling (1 post)

  1. stormrider
    Posted 5 years ago #

    Two questions related to styling checkboxes in Contact Form 7

    I've read http://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:
    [] Platinum
    [] Gold
    [] Silver
    [] Item 4
    [] Item 5
    [] Item 6

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

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Contact Form 7
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic