WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. Linda Lee
    Member
    Posted 5 years ago #

    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!

  2. wfandrea
    Member
    Posted 5 years ago #

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

  3. vacom
    Member
    Posted 5 years ago #

    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?

  4. Isaias Valencia
    Member
    Posted 5 years ago #

    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: isaias@isaiasvalencia.com

  5. orgcol
    Member
    Posted 4 years ago #

    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

  6. orgcol
    Member
    Posted 4 years ago #

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

    Col

  7. markbm
    Member
    Posted 4 years ago #

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

    Thanks very much,

    Mark

  8. trefethen
    Member
    Posted 4 years ago #

    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?

  9. sherylkt1961
    Member
    Posted 4 years ago #

    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 http://yoast.com/wordpress/enhanced-wordpress-contact-form/

    Hope this helps.

Topic Closed

This topic has been closed to new replies.

About this Topic