Forums

Contact form 7 styling (5 posts)

  1. josoap
    Member
    Posted 1 year ago #

    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.

  2. Takayuki Miyoshi
    Member
    Posted 1 year ago #

    Add them to your theme's stylesheet.

  3. tintations
    Member
    Posted 1 year ago #

    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 :)

  4. Rev. Voodoo
    Volunteer Moderator
    Posted 1 year ago #

    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

  5. dedilesmana
    Member
    Posted 1 year ago #

    @tintations: i try this, thanks...

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

    background-color:#83c6f1;

    }

    visit:
    http://dedilesmana.com/contact/

Topic Closed

This topic has been closed to new replies.

About this Topic