Support » Plugin: Contact Form Clean and Simple » Placing Labels and Inputs Inline

  • Hello,

    I am trying to put the form labels and inputs in line with each other. Usually this CSS would work:
    <style>
    .form-group label{
    font-weight: bold;
    width: 200px;
    display: inline-block !important;
    }
    .form-group input, .form-group textarea{
    width: 350px;
    }
    </style>

    I checked the two width values to make sure that a wrap wasn’t happening due to the size of the parent container.

    I used Chrome to look at the page source and saw that just before the <input … There was a <div class> tag and the CSS class was never defined.

    Everything works except the inline-block… I am loading this CSS just before calling the shortcode in my page.

    Thank in advance for the help.

    https://wordpress.org/plugins/clean-and-simple-contact-form-by-meg-nicholas/

  • The topic ‘Placing Labels and Inputs Inline’ is closed to new replies.