Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 14, 2016 at 9:35 pm #597994
    web6s

    Trying to style Contact Form 7
    According to their website, this code should create half width forms. It needs to be added to the theme stylesheet.

    I have added it to the Enfold Quick CSS but have had no luck. The Quick CSS does work for other changes I have made though.

    .wpcf7 input[type=”text”],
    .wpcf7 input[type=”email”],
    .wpcf7 textarea
    {
    background-color: #fff;
    color: #000;
    width: 50%;
    }

    Can someone advise?
    Domain left in private content.

    March 14, 2016 at 9:37 pm #597995
    web6s

    For reference: http://contactform7.com/styling-contact-form/

    March 14, 2016 at 10:41 pm #598016
    Jordan

    Hey!

    Thanks for getting in touch!

    Try updating your code above to this:

    input.wpcf7-form-control.wpcf7-text {
    background-color: #fff !important;
    color: #000 !important;
    width: 50% !important;
}

    Let me know if it helps.

    Best regards,
    Jordan

    March 14, 2016 at 11:57 pm #598035
    web6s

    Thanks Jordan

    That did work but I failed to specify. I want to set them up like the Native Enfold forms where I can two 2 column.

    Any ideas?

    March 17, 2016 at 5:56 pm #599827
    Vinay

    Hey!

    Please refer to this post for the CSS to make the cf7 form look similar to Enfold form

    Cheers!
    Vinay Kashyap

    • This reply was modified 8 years, 8 months ago by Vinay.
  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.