WordPress.org

1. PMConcepts
   Member
   Posted 1 year ago #

   I have made a check box on my contact form, there are 8 check boxes in total. When I view the contact form, they are all scattered due to character differences in the words.

   How can I uniformly align the check boxes into 3 columns, despite character size

   want the check boxes to form rows for easier and more pleasing look

   any help please! And thank you

2. zoonini
   help me help you
   Posted 1 year ago #

   Put the checkboxes into three columns. Example:

   <div class="col">
   your checkboxes for column 1
   </div>
   
   <div class="col">
   your checkboxes for column 2
   </div>
   
   <div class="col">
   your checkboxes for column 3
   </div>

   Give your col class a width and float it in your CSS:

   .col {
     width: 200px; /* set to whatever width works for you */
     float: left; /* put the columns next to each other */
     margin-right: 10px; /* add some space between columns */
   }

3. PMConcepts
   Member
   Posted 1 year ago #

   ok great thanks. Now do I place the top coding, where i insert checkboxes, is that on the website itself, or somewhere in the contact form 7 plugin settings...

4. zoonini
   help me help you
   Posted 1 year ago #

   It goes in the "Form" area of the plug-in settings.

5. PMConcepts
   Member
   Posted 1 year ago #

   perfect! thanks

Topic Closed

This topic has been closed to new replies.