Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • December 18, 2014 at 6:33 pm #370128
    Mary15Birds

    Hi Enfold Team,

    I am working with Contact Form 7 and I would like to have longer input boxes like your default contact form had. I tried to add this:
    .wpcf7 input.wpcf7-text { width: 999px; }
    to my quick CSS section but it didn’t seem to work.
    You can check out the form here:
    http://newweb.mindscope.com/contact-us/
    I would prefer it to look like this:
    http://newweb.mindscope.com/staffing-and-recruiting-software-cura-technical-support/

    Thanks!

    Mary

    December 18, 2014 at 11:13 pm #370276
    Ismael

    Hey mindSCOPE Staffing Software!

    Thank you for using Enfold.

    You can use this on Quick CSS or custom.css:

    #top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select {
width: 100%;
}

    Cheers!
    Ismael

    December 18, 2014 at 11:26 pm #370289
    Mary15Birds

    Hi Ismael,

    Thank you for your quick response! I tried to add this but it doesn’t seem to work. I prefer to use the quick css area because I want this stuff to be preserved when I update. I had some other quick css in there already, could that maybe affect it? This is how I have it setup now:

    #top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select {
    width: 100%;
    }

    a.slide-image {
    background-color: transparent!important;
    }

    Maybe I did something wrong?
    http://newweb.mindscope.com/contact-us/

    Thanks,

    Mary

    December 19, 2014 at 2:53 am #370410
    Josue

    Hey Mary!

    Try with this code instead:

    #top .wpcf7-form-control {
    width: 100% !important;
}

#top .wpcf7-submit {
    width: auto !important;
}

    Best regards,
    Josue

    June 15, 2015 at 3:54 pm #459397
    Mary15Birds

    Hi Josue,

    Sorry for never responding to this. It worked great!

    Thanks,

    Mary

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Contact Form 7 – Full length input boxes’ is closed to new replies.