[Plugin: Contact Form 7] How to align checkboxes evenly

  • Resolved PMConcepts

    (@pmconcepts)


    13 years, 10 months 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

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

  • 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 */
}
    Thread Starter PMConcepts

    (@pmconcepts)

    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…

    It goes in the “Form” area of the plug-in settings.

    Thread Starter PMConcepts

    (@pmconcepts)

    perfect! thanks

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘[Plugin: Contact Form 7] How to align checkboxes evenly’ is closed to new replies.

Tags