WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. biomassa
    Member
    Posted 3 months ago #

    Hi,

    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.

    http://biomass-asia.org/?page_id=49

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

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

  2. Takayuki Miyoshi
    Member
    Plugin Author

    Posted 3 months ago #

    Try switching to another theme.

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

Reply

You must log in to post.

About this Plugin

About this Topic