[Plugin: Enhanced WP Contact Form] Were do I add the CSS code he suggests

  • I love this plugin! I however need to make it look nicer and he has a bit of css he says he uses, but I need to know exactly where I add that.
    Thanks!

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

  • You just need to add the form-specific css to your style.css-file that defines the cosmetics of your theme. This style.css-file can be found in every theme-folder. So, just make sure you adjust the proper style.css-file (the one for your current theme).

    You just need to add the form-specific css to your style.css-file that defines the cosmetics of your theme. This style.css-file can be found in every theme-folder. So, just make sure you adjust the proper style.css-file (the one for your current theme).

    I cannot understand, can you give me the tutorial how to make css file and where it put this file in my theme?

    I cannot understand, can you give me the tutorial how to make css file and where it put this file in my theme?

    Easiest way to create a css file is open notepad (windows), paste your css code (if you don’t know how to style using css, ask me for help), save the file as style.css, then upload to your themes directory. (yoursite.com/wp-content/themes/THEME/)

    Again, if you need help, just shoot me an email: [email protected]

    I added the suggested stuff to the theme CSS file but nothing changed. I don’t know my way around CSS so has anybody got some script that adds line spaces between boxes and aligns the entry boxes? Thanks.

    Col

    I’ve just found that the entry box alignment is a Firefox issue, looks OK in IE.

    Col

    Is there a css fix to make form look the same in firefox as well?

    Thanks very much,

    Mark

    I too added the code into the style.css file within my WordPress theme and no styling has occurred. Is there a specific place the code needs to be added?

    In your themes style.css find this:

    /************************************************
    * Content *
    ************************************************/

    Any where under there, Put this code:

    #wpcf label {
    clear: both;
    display: block;
    float: left;
    width: 150px;
    }
    #wpcf input {
    float: left;
    width: 200px;
    padding: 1px;
    margin: 2px 5px 2px 0;
    }
    #wpcf textarea {
    width: 350px;
    height: 100px;
    padding: 1px;
    margin: 0 5px 10px 0;
    }
    #wpcf #contactsubmit {
    margin-left: 250px;
    width: 100px;
    }

    The code is found on plugin site at https://yoast.com/wordpress/enhanced-wordpress-contact-form/

    Hope this helps.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘[Plugin: Enhanced WP Contact Form] Were do I add the CSS code he suggests’ is closed to new replies.