Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #353485

    Hi,
    I search the support section and follow the guide on how to make contact form 7 in two column.
    But i like to know how can i make the Your Interest select option in the contact form 7 width in 100%

    My contact form is

    <div class=”flex_column av_one_half first”>First Name (required) [text* first-name]</div>

    <div class=”flex_column av_one_half”>Last Name (required) [text* last-name]</div>

    <div class=”flex_column av_one_half first”>Email (required) [email* your-email]</div>

    <div class=”flex_column av_one_half”>Your Interest (required) [select* your-interest include_blank “Web Design” “Web Maintenance” “Online Makerting” “Other”]</div>

    <div class=”flex_column “>Subject (required) [text* Model your-subject]</div>

    <div class=”flex_column”>Message (required) [textarea your-message]</div>

    <p>Are You Human?
    [captchac captcha-810]<br />
    Input The Code : [captchar captcha-810]</p>

    [submit]

    I also put a css in the enfold quick css

    input.wpcf7-form-control.wpcf7-text {
    width: 100% !important;
    }
    input.wpcf7-form-control.wpcf7-select {
    width: 100% !important;
    }

    • This topic was modified 10 years ago by hansonleo.
    #353691

    Hey Hanson!

    Try with this code:

    select.wpcf7-form-control, input.wpcf7-text{
    width: 100% !important;
    }

    Regards,
    Josue

    #354119
    This reply has been marked as private.
    #354128

    Hey!

    Looks full width to me, make sure to reset your browser cache.

    Cheers!
    Josue

    #354139

    Hi Josue!

    Thanks for the guide.

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Contact Form 7 Select input width’ is closed to new replies.