Contact form 7 styling

  • Hi,

    Just installed contact form 7 plugin and it’s working fine.

    I would like to add my own style to it but am struggling to find where???
    At the moment it’s all just centred which is not my favourite look.

    Have searched forums but no joy so any advice appreciated.

    Thanks.

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

  • Add them to your theme’s stylesheet.

    I used this code to edit the background color of the Drop Down Menu and of the File Upload text field in Contact Form 7…

    .wpcf7-form p input, .wpcf7-form p select {

    background-color:#111111;

    }

    you can insert this code in the very bottom of your styles.css file for your Contact Form 7

    -just go to Plugins
    -click Edit on Contact Form 7
    -scroll down till you see styles.css file and click on it
    -scroll the code all the way down and copy and paste my Above code into your css file and remember to save it, then go and refresh your preview page

    hopefully this helps someone out there, it sure did help me ??

    A better thing would be to add that code directly to your style.css file in your theme.

    Your changes to the actual plugin will be lost anytime the plugin is upgraded

    @tintations: i try this, thanks…

    .wpcf7-form p input,
    .wpcf7-form p textarea
    {

    background-color:#83c6f1;

    }

    visit:
    https://dedilesmana.com/contact/

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Contact form 7 styling’ is closed to new replies.