WordPress.org

1. maheshkumaryadav
   Member
   Posted 1 year ago #

   While creating a checkbox

   [checkbox your-country "China" "India" "San Marino"]

   the final display comes in a single line with checkboxes like

   China India San Marino

   but how can we have final outcome in differnt lines like

   China
   India
   San Marino

   Kindly guide. Thanks

2. Takayuki Miyoshi
   Member
   Posted 1 year ago #

   See Contact Form 7: Custom Layout for Checkboxes and Radio Buttons

3. auntypizza
   Member
   Posted 1 year ago #

   What about if I want my radio buttons to display inline (next to each other) but some checkboxes to display block (underneath each other).

   What is the CSS to force the radio buttons to display next to each other as I have added the

   span.wpcf7-list-item { display: block; }

   CSS to my theme stylesheet

   I'm having a mental (inline) block !!

4. Brian Hatano
   Member
   Posted 1 year ago #

   Thanks for the link!

   (you figure this out yet, auntypizza?)

5. auntypizza
   Member
   Posted 1 year ago #

   I put this in my Stylesheet

   span.wpcf7-checkbox span.wpcf7-list-item { display: block; }
   span.wpcf7-radio span.wpcf7-list-item { display: inline; }

   This makes radio buttons display next to each other
   and checkboxes display in a row

6. auntypizza
   Member
   Posted 1 year ago #

   And you can make checkboxes behave like radio buttons.

   When you are creating your checkboxes, click "Make checkboxes exclusive"

7. afpera
   Member
   Posted 10 months ago #

   Hi, I've got a similar need with the display:inline but to apply it to the entire form. To put other things at right or left of the form, but can not find where to define it...

Topic Closed

This topic has been closed to new replies.