WordPress.org

Ready to get started?Download WordPress

Forums

Contact Form 7
how to have each item of a CHECKBOX in a separate line. i m running Version (7 posts)

  1. maheshkumaryadav
    Member
    Posted 3 years 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
    Plugin Author

    Posted 3 years ago #

  3. worthdesigning
    Member
    Posted 3 years 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 3 years ago #

    Thanks for the link!

    (you figure this out yet, auntypizza?)

  5. worthdesigning
    Member
    Posted 3 years 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. worthdesigning
    Member
    Posted 3 years ago #

    And you can make checkboxes behave like radio buttons.

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

  7. afpera
    Member
    Posted 3 years 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.

About this Plugin

About this Topic