Forum Replies Created

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter Sue Mann

    (@sue-mann)

    Thank you for your help here buzz tone. Your advice along with this article for those who like me are new to this, has helped me get the result I was looking for. Thanks again.

    Thread Starter Sue Mann

    (@sue-mann)

    Thanks to buzztone for your very helpful advice here, particularly the Chrome Dev Tools to understand the CSS used. I have tried a number of variations (referring to the codes shown using Chrome Dev Tools) in the theme’s Additional CSS section without success.

    As the Contact Form 7 is used within Visual Composer, I have also tried inserting the form outside the Visual Composer (in case that was controlling the settings) as well as modifying the CSS in the Visual Composer Row.

    I have also installed and used Contact Form 7 Skins, again with no success.

    Below are versions of code I have tried, as well as many others on these lines, alongside buzztone’s suggestion above:

    Referencing theme’s stylesheet:

    ‘.wpcf7 textarea.wpcf7-form-control {
    width: 100%;
    }’

    Using CSS shown using Chrome Dev Tools:

    ‘.wpcf7-form-control .wpcf7-textarea {
    width: 100%;
    }’

    Other Additional CSS I have added in my theme has worked, so I wonder whether it is being over ridden by the Visual Composer?

    Any more ideas would be gratefully received!

Viewing 2 replies - 1 through 2 (of 2 total)