WordPress.org

Support

Support » Plugins and Hacks » [Plugin: Contact Form 7] how to have each item of a CHECKBOX in a separate line. i m running Version

[Plugin: Contact Form 7] how to have each item of a CHECKBOX in a separate line. i m running Version

  • 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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Takayuki Miyoshi

    @takayukister

    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 !!

    Brian Hatano

    @brian-hatano

    Thanks for the link!

    (you figure this out yet, auntypizza?)

    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

    And you can make checkboxes behave like radio buttons.

    When you are creating your checkboxes, click “Make checkboxes exclusive”

    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…

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘[Plugin: Contact Form 7] how to have each item of a CHECKBOX in a separate line. i m running Version’ is closed to new replies.