Contact form 7 radio buttons on new lines

If you’re using Contact Form 7 still instead of Ninja Forms, you may have noticed that your checkbox and radio buttons may not be appearing on separate lines. I’ve noticed this problem using the Avada Theme by Theme Fusion. To get the radio buttons and checkboxes to appear on separate lines do this:

CSS, Contact Form 7 checkboxes, radio buttons on new line:

  1. Log into WordPress.
  2. Click on ‘Theme Options’ > ‘Appearance’.
  3. Navigate to your theme’s ‘Custom CSS’ field and input the following style.
    .wpcf7-list-item{
    display: block;
    }
  4. Click the ‘Save Changes’ button.
Advertisements

Published by

angelo bonavera

Hi I'm a web developer and I run a web hosting company called 2slick.com.

2 thoughts on “Contact form 7 radio buttons on new lines”

  1. Hi,

    Thanks for your suggestion.

    In my case, what this does is place the checkbox and its label on a separate line. So, it looks something like the following:

    checkbox is shown here
    label is shown here

    What I want it to be like is:

    checkbox-here Label here

    Any help?

    Like

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s