WordPress.org

Ready to get started?Download WordPress

Forums

Contact Form 7
[resolved] line breaks in checkboxes (4 posts)

  1. JiveKooly
    Member
    Posted 3 years ago #

    Hi,

    I put a Check Box list in my form but all of them show up side by side like a paragraph instead of like a list. I would like a line break after each choice. the "br" tag and "p" tag doesnt work. what should I do?

    Thanks for any help

    http://wordpress.org/extend/plugins/contact-form-7/

  2. JiveKooly
    Member
    Posted 3 years ago #

    Nevermind! I found the solution thanks to a member by the name of "koenvd"

    Here is the solution if you're wondering:

    Just add the following to your main stylesheet to fix the problem for both checkboxes and radio buttons:

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

    Best thing is it will stay fixed even after you upgrade the contact form 7 plugin.

  3. vaibhavkanwal
    Member
    Posted 3 years ago #

    Wow! Thanks a ton!
    I just googled line breaks in Contact Form 7 Lists and baam! This support thread was link #1 and solution found. doesn't happen often but thank you so much for the answer!

  4. johnzeiger
    Member
    Posted 2 years ago #

    I use a program to design my themes and it automatically generates the stylesheets. So every time I change my theme, I would have to remember to manually add span.wpcf7-list-item { display: block; }

    Would putting the following at the top of the form instead of the main stylesheet be considered an acceptable solution?

    <style type="text/css">
    span.wpcf7-list-item { display: block; }
    </style>

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic