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

  1. JiveKooly
    Posted 4 years ago #


    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


  2. JiveKooly
    Posted 4 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 {

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

  3. vaibhavkanwal
    Posted 4 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
    Posted 4 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; }

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