WordPress.org

Ready to get started?Download WordPress

Forums

[Plugin: Contact Form 7] No Input boxes appear (17 posts)

  1. kishu27
    Member
    Posted 5 years ago #

    I installed the plugin, configured it with the proper codes as generated by the plugin itself. And created a post according to the guidelines.

    Contact form's input field are not appearing on the blog, however all the text that I see in the configuration page are coming fine...

    please help

  2. Takayuki Miyoshi
    Member
    Posted 5 years ago #

    kishu27, what code exactly did you insert into the post? Can I have the URL?

  3. Miguelthai
    Member
    Posted 5 years ago #

    I'm having the same problem.

    url is: http://www.type1parent.com/contact

    I inserted the following code onto the page:
    [contact-form 1 "Contact form 1"]

    Thanks

  4. Takayuki Miyoshi
    Member
    Posted 5 years ago #

    Miguelthai, it's CSS matter. Borders are not displayed. Use this:

    div.wpcf7 input {border: 1px solid black;}

  5. Miguelthai
    Member
    Posted 5 years ago #

    takayukister, thanks for the quick response.

    Where should I place that css code? :)

    In my template css form or in the plugin itself?

    Thanks. I'm pretty new at this.

  6. Takayuki Miyoshi
    Member
    Posted 5 years ago #

    Either one is ok, but the one in your theme is better.

  7. Miguelthai
    Member
    Posted 5 years ago #

    Almost there. Everything but the "message" area is now outlined.

    Thanks for your patience.

  8. Doodlebee
    Member
    Posted 5 years ago #

    "Message" is usually a textarea. You'll need to set that in the stylesheet as well.

    div.wpcf7 textarea {border: 1px solid black;}

  9. Miguelthai
    Member
    Posted 5 years ago #

    FANTASTIC!

    Thanks.

  10. garyct
    Member
    Posted 5 years ago #

    Hello, sorry to bring up this old post again but I'm so new at this I can't get the borders to show up and I've tried to follow the instructions here but still can't get it to show correctly.
    I don't actually know where to place the code. Could I get specific instructions on where to place it?

    thanks, Gary

  11. junkie06
    Member
    Posted 5 years ago #

    Where exact in the stylesheet do i place this code div.wpcf7 input {border: 1px solid black;}

  12. junkie06
    Member
    Posted 5 years ago #

    anyone?

  13. rhassall
    Member
    Posted 5 years ago #

    I am with garyct and junkie06 on this issue. Could someone provide a sample code for a single box, and where exatly to input this code?

    Thanks,
    Rudy

  14. zirka
    Member
    Posted 5 years ago #

    In your style.css file in your current theme's folder you just copy/paste

    div.wpcf7 input {border: 1px solid black;} 
    
    div.wpcf7 textarea {border: 1px solid black;}

    You should probably paste at the bottom of the sheet, the codes worked for me.

  15. rhassall
    Member
    Posted 5 years ago #

    zirka - Do I need to input the the code you provided under each catagory on the form? When you said, "You should probably paste at the bottom of the sheet" did you mean at the end of the /* Main */ section or at the very bottom of the sheet?

    Do I need to input the following into the theme's style.css?
    <p>Your Name (required)
    [text* your-name] </p>

    <p>Your Email (required)
    [email* your-email] </p>

    <p>Subject
    [text your-subject] </p>

    <p>Your Message
    [textarea your-message] </p>

    <p>[submit "Send"]</p>

    I have tried adding the 2 lines at the end of the plugin and theme style sheets with no success. I pretty sure that it is a ID10T error as I am new to CSS.

  16. zirka
    Member
    Posted 5 years ago #

    The only code you have to paste anywhere are the 2 lines of code I just posted, and I meant at the bottom of the entire style.css sheet, and the style.css file you need to edit is the one that your current theme is using. I didn't touch the plugin's code.

    You might need to change permissions, try changing permissions of the plugin folder to 777 and maybe even your sytle.css file to 777, see if then the box outlines appear. You are probably using an FTP client so just right click on the folder and change permissions.

  17. rhassall
    Member
    Posted 5 years ago #

    Zirka,
    Thanks for the detailed info. I have followed the above instructions with no boxes still. I added the 2 lines at the very bottom, below the footer code and changed the permissions on the folder and file. I ran a CSS check at http://www.xhtml-css.com and received 5 errors as shown below. 1 on line 92, 2 on 93, 1 on 94

    Line: 92 Context:
    Value Error : font-family (http://www.w3.org/TR/REC-CSS2/fonts.html#propdef-font-family) Generic family names are keywords, and therefore must not be quoted. :

    An additional error on Line 94 of:
    Line: 94 Context:
    Property mso-tab-count doesn't exist :

    Could someone assist me with this? Will this site not be of any use? Could I email someone my style.css sheet and have you make the changes and send it back to me?

Topic Closed

This topic has been closed to new replies.

About this Topic