WordPress.org

Ready to get started?Download WordPress

Forums

Contact Form 7
how to remove coloured border lines (4 posts)

  1. olralomo
    Member
    Posted 4 years ago #

    i'm after a very simple, clean look to my blog and would like to remove the coloured borders around the different message sent responses. does anyone know how I could do this? please note I am a beginner at setting up a blog so any answers need to be VERY basic!!

    thanks so much

  2. weswages
    Member
    Posted 4 years ago #

    Would love to know this as well!

  3. numero7
    Member
    Posted 3 years ago #

    you have to modify the css file of the plugin, located in : wp-content/plugins/contact-form-7/style.css

    remove the border code as shown below :

    div.wpcf7-mail-sent-ok {
    }
    
    div.wpcf7-mail-sent-ng {
    }
    
    div.wpcf7-spam-blocked {
    }
    
    div.wpcf7-validation-errors {
    }

    I suggest you to install a webmaster tool addon in your browser such as firebug for firefox to help you identify css inside your site. It's very helpfull.

  4. numero7
    Member
    Posted 3 years ago #

    remember that if you upgrade the plugin, thoses change may be overwritten by the new plugin files... so make a backup of the css file before making the upgrade.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic