Contact Form 7 checkbox formatting

  • Hi All —

    I’ve just finished building an order form page using Contact Form 7, but I’m having some issues with the formatting:

    (1) I’m trying to get the checkboxes to line up in a straight vertical line relatively close to the listed options. Currently they seem to line up depending on the length of the option, which looks awfully lousy. Any idea how to fix this?

    (2) How do I bold the titles of each option group?

    (3) How do I change the length of the text areas?

    The page I’m working on is here: https://www.spinozarods.com/order-form/

    -JC

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

  • for (1):
    https://contactform7.com/2009/11/21/custom-layout-for-checkboxes-and-radio-buttons/

    for (2), (3):
    You can do it with CSS.

    Thread Starter jvclark

    (@jvclark)

    Thanks —

    I got the checkboxes to line up properly, though the boxes themselves are awfully small. Is there a way to make them bigger?

    Regarding the CSS, I’m guessing it’s better to change this in my theme’s custom styling folder rather than the plugin css, in order not to have to redo it every time I upgrade — is that right?

    Finally, I’m not much of a hand with css (a newbie really) — how do I properly select the headers? I know that “span.wpcf7-list-item” selects item parts, but how do I target the headers?

    Thanks!

    -JC

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Contact Form 7 checkbox formatting’ is closed to new replies.