CF7 checkbox and label alignment problem

  • Need help. I am having problems in aligning the checkboxes to the left of each labels.

    I have tried using this custom CSS line and experimented with different values but nothing seems to work.

    /*span.wpcf7-list-item {width: 100%;max-width: 500px;}*/
    /*span.wpcf7-list-item { display: table-row; }*/
    /*span.wpcf7-list-item * { display: table-cell; }*/
    /*span.wpcf7-list-item { display: block; }*/
    /*span.wpcf7-list-item {margin-left: 5em;display: block;}*/
    /*span.wpcf7-list-item {-webkit-columns: 5;-moz-columns: 5;columns: 5;}*/

    The checkbox seems to appear center aligned above each label.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • It looks like you figured this out! I am having a similar issue – The first button is aligned to the left and the rest are indented. Could you let me know how you solved this? thank you!

    Just for those who have the same issue, this worked!

    span.wpcf7-list-item {display: table-row;}
    span.wpcf7-list-item * { display: table-cell; text-align:left;}

    Thank you, @dsdotca!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘CF7 checkbox and label alignment problem’ is closed to new replies.