Contact Form 7
Checkbox doesn't align with label horizontally (3 posts)

  1. biomassa
    Posted 2 years ago #


    My radio and checkbox buttons are not aligned with horizontally with the label. It seems to be aligned centred, with line breaks with each inputs.


    I would appreciate your help to resolve this. Many thanks.


  2. Takayuki Miyoshi
    Plugin Author

    Posted 2 years ago #

    Try switching to another theme.

  3. buzztone
    Posted 2 years ago #

    This is due to CSS styling applied to standard HTML form elements within your current WordPress theme at http://biomass-asia.org/wp-content/themes/erling/style.css - in particular:

    input, select, textarea {
        background-color: #FFFFFF;
        border: 2px solid #DCDDDE;
        color: #414042;
        font-size: 1.5rem;
        padding: 0.5rem;
    /*    width: 99.9%;  - comment out this statement */

    See Styling Contact Form for a general explanation of styling CF7 forms using CSS.

    There is a link at the bottom of the page to a comprehensive and detailed article on Styling Contact Form 7 Forms. The article shows people, with suitable HTML & CSS skills, how to change the appearance of their Contact Form 7 Forms to meet their particular requirements.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Contact Form 7
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic