Ready to get started?Download WordPress


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

  1. biomassa
    Posted 11 months 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 11 months ago #

    Try switching to another theme.

  3. buzztone
    Posted 11 months 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.


You must log in to post.

About this Plugin

About this Topic