Contact Form 7
[resolved] Contact Form 7 - Checkboxes in a vertical list (3 posts)

  1. Crossmark
    Posted 5 years ago #

    I'm creating a checkbox list in Contact Form 7. By default, it displays the checkbox options in a horizontal row. Because my list is longer, I need it to display the checkbox options in a vertical column.

    Anyone know how to accomplish this?


  2. stvwlf
    Posted 5 years ago #

    For starters, try adding this to your theme's style sheet:

    span.wpcf7-list-item {
      display: block !important;

    That is intended to make the checkboxes vertical. It might make other parts of your form vertical that you don't want vertical, in which case it will need some refining.

    After they are vertical it may require more styling to get the spacing between items as you want it. The CSS for that is dependent on your theme. If you need help adjusting, post the URL of the page with the form.

  3. Crossmark
    Posted 5 years ago #

    Beautiful! THANK YOU!

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