Contact Form 7
how to control checkbox layout (6 posts)

  1. joehark
    Posted 6 years ago #

    Please see http://buildinghosting.com/contact-us/

    Scroll down to the section below the textarea. Note that the layout of the checkboxes is a mess. Normally I would organize this layout using a table and cells - or CSS to set up two columns and the required number of rows, aligned left.

    But I can't see how to do this in the Contact Manager configuration.

    Can someone suggest a solution?



  2. Michael
    Forum Moderator
    Posted 6 years ago #

    some css added might clean the desing up a bit (depending on the width of the fluid layout):

    .wpcf7-list-item { float:left; width:30%; }
    .wpcf7-form p { float:left; clear:left; margin:5px 0!important; }
  3. joehark
    Posted 6 years ago #

    Thanks for your response. I don't want to change the layout widths.

    The code I am referring to is found in another posting here. And my issue is, where exactly should I put it.

    span.wpcf7-checkbox span.wpcf7-list-item { display: block; }
    span.wpcf7-radio span.wpcf7-list-item { display: inline; }
  4. Takayuki Miyoshi
    Plugin Author

    Posted 6 years ago #

    Put it into bottom of the style.css file in your active theme.

  5. joehark
    Posted 6 years ago #

    thank you for the response - and for the excellent plugin.

    Sorry to report that putting that code into the Atahualpha theme does not affect the layout.

    If you have an alternative suggestion, I would appreciate it.

    thank you.

  6. Takayuki Miyoshi
    Plugin Author

    Posted 6 years ago #

    It's a matter of CSS stylesheet. If you are not familiar with CSS, I suggest you to learn it first.


    Or, someone might be able to point the cause if you can show the URL of your contact page.

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