WordPress.org

Ready to get started?Download WordPress

Forums

Contact Form 7
Radio button/checkbox align with text (2 posts)

  1. chappie
    Member
    Posted 6 months ago #

    Hi, thank you for this excellent plugin. I've been using it for a couple of days and noticed that the radio buttons/checkboxes don't line up nicely with their associated text. Is there a cure?

    I can't link to my own site as it's offline, but I have seen this issue replicated on a number of other sites referenced here, including this one.

    Thanks for any help.

    http://wordpress.org/plugins/contact-form-7/

  2. buzztone
    Member
    Posted 6 months ago #

    This is due to CSS styling applied to standard HTML form elements within your current WordPress theme.

    To change the style of your CF7 forms you would need to edit the CSS style sheets used by your WordPress theme.

    See Styling Contact Form for a general explanation of styling CF7 forms using CSS. If you are not familiar with CSS, this page also includes some links to where you can learn CSS.

    Use Firebug or Chrome Dev Tools to to examine the HTML and CSS of your CF7 form in detail. Once you understand how the HTML and CSS is configured in your CF7 form, you should be able to see the CSS changes you need to change the appearance of the form to suit your requirements.

Reply

You must log in to post.

About this Plugin

About this Topic