• Resolved James

    (@jgraham719)


    Hello,

    I have created a new contact forum with a checkbox selection. The check boxes form 4 rows of selections. However I would like the checkboxes in all rows to align with each other. Can I adjust this withing CSS or PHP?

    Many Thanks!

    -james

    • This topic was modified 8 years, 3 months ago by James.
Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Lehel Szilard Marosi

    (@mlehelsz)

    Hello @jgraham719,

    Can you please give us a link to the page where the form is present and you want to change the look and feel of the checkboxes?

    Best Regards,
    Lehel

    Thread Starter James

    (@jgraham719)

    Hello,

    Thanks for reply. Would love to align the checkboxes according to the rows above and below if possible.

    http://www.debourgh.com/uncategorized/rfq-test/

    Many Thanks!

    -james

    Thread Starter James

    (@jgraham719)

    I have been tinkering around with CSS:

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

    This fixed an initial I.E. display issue where checkboxes were being displayed above text. So I assume I need to adjust or add some CSS values : )
    Not sure how to modify to align checkboxes though, if that is even possible. Or if I could place content list of [checkbox] in a table somehow?

    -james

    Thread Starter James

    (@jgraham719)

    Hello,

    After altering CSS a bit:

    span.wpcf7-list-item {
    text-align:left;
    width: 100%;
    max-width: 300px;
    }

    I have broken out the checkboxes using table rows (I placed entirety of this forum within a table) and seems to display nice on both ends.

    Example:
    <td>[checkbox your-productCheckbox “item1” “item2”]</td><td>[checkbox your-productCheckbox “item3” “item4”]</td>

    Hope this can help someone in the future!

    -james

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

The topic ‘Align Mulitple Checkboxes Within Rows’ is closed to new replies.