WordPress.org

Ready to get started?Download WordPress

Forums

Problem with WordPress Contact Form (22 posts)

  1. ThatOtherGuy
    Member
    Posted 1 year ago #

    Hey everyone!

    Recently I started having some issue with the WordPress Jetpack contact form where the text and boxes layout won't line up. Oddly, I have two sites that are almost identical, but are separate and the issue is only effecting one site.

    Here is a link to a sample of what's not working, scroll down to see the contact form.
    http://www.matthewdruin.com/weekday-weddings/

    Here is my other site with a contact form working perfectly. (Again, scroll to the bottom)
    http://www.matthewdruin.com/blog/tips-for-clients/considering-the-first-look/

    Both sites have the same setup, plugins, jetpack features, versions, ect. I've checked the HTML and don't see anything weird.

    Any help would be awesome! :D

  2. Do they both use the same exact theme?

  3. ThatOtherGuy
    Member
    Posted 1 year ago #

    Hey Josh!

    Yes, they both use the ProPhoto theme.

  4. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Have you validated both sites for mark-up or CSS errors?

  5. ThatOtherGuy
    Member
    Posted 1 year ago #

    Hey WPyogi!

    No. I'm not 100% how to even go about that. I mean I design and did everything for both sites, but I only know enough programming and googling to figure out that. I'm not really fluent in CSS or mark-up. :/

  6. Andrew
    Forum Moderator
    Posted 1 year ago #

    It's alright, there's no programming involved.
    Here are all explanations of any errors generated by the W3C validator.

  7. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    No problem -- here's a good explanation http://codex.wordpress.org/Validating_a_Website -- and the best validator is here:

    http://validator.w3.org/

    http://jigsaw.w3.org/css-validator/

    It also looks like the "bad" form really does not have much CSS styling -- hence the lack of spacing. But that might be due to errors, so it's always a good idea to rule those out before trying to solve the problem otherwise.

  8. ThatOtherGuy
    Member
    Posted 1 year ago #

    Lol. Found 81 errors and 83 warnings but I'm not sure what that all means.

  9. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Oh my, well, read Andrew's link and the codex page and start tracking them down. Sometimes they are essentially duplicate errors -- so fixing it in one place will eliminate many of them. Also, some "errors" may not be that important as they can result from changing browser or coding standards. The ones you really want to look at are missing, extra, or stray tags.

  10. Andrew
    Forum Moderator
    Posted 1 year ago #

    Solve the top error first.
    Here's an explanation of all errors.

  11. ThatOtherGuy
    Member
    Posted 1 year ago #

    Thanks! Will it say missing, extra, or stray tags?

    Looking through them all it really points on is a lot of Phrse errors, add semi-colons, and a couple Value errors.

    Could a lot of these be general things from the themes programming or is this all stuff I've some how created?

  12. ThatOtherGuy
    Member
    Posted 1 year ago #

    Ugh. 8 hours later I'm still dealing with this stupid thing. I honestly have no clue what else to do.

    Both sites have the exact same theme, plugins, versions of WP and Jetpack...everything and nothing has changed to either one in over a month.

    The contact form was looking perfect on both sites until yesterday. Then it just started looking weird on my main site.

    Any other ideas? Maybe I need to hire someone to fix it?

  13. You're missing the stylesheet associated with the contact form plugin on the site that's not rendering properly.

    On the working site.. here is the css used to render the contact form:
    http://pastebin.com/z341BVZn

    This stylesheet is missing on the site which is not working. You need to find out why this stylesheet is not loading on the site in question.

    It looks like a jetpack module... perhaps it's in the settings somewhere?

  14. By the way... here is a link to the stylesheet on the site where it works... if that helps:

    http://www.matthewdruin.com/blog/wp-content/plugins/jetpack/modules/contact-form/css/grunion.css

  15. ThatOtherGuy
    Member
    Posted 1 year ago #

    Awesome! Thanks for the update.

    That's the oddest thing that one site would be fine and but the other just gets up and stops working.

    It is a Jetpack feature contact form, maybe something happened in the last update that didn't happen on the other site.

    Is there a way I can manually add this back? I'm ok with the HTML on the pages and post, but not so much on the CSS side of things.

    Thanks again! You've been a huge help.

  16. Well.. without seeing the backside... and being unfamiliar with the plugin... there really isn't much more I can do.

    However, I think you should find the root cause... and get it added back in properly... rather than attempt to put it in manually.

    Although, in theory, if you were to copy and paste the css code from the pastebin link I provided above... and add it to the custom css on your site... it would probably work. But, I advise against this, and would look for why the stylesheet isn't loading properly in the first place.

  17. ThatOtherGuy
    Member
    Posted 1 year ago #

    Ok, I'll try to uninstall / reinstall Jetpack and see if that helps. If not, I'll try to hire someone.

    You've been an awesome help though and I really appreciate! :D

    I'll post back with anything I find out for future issues.

  18. ThatOtherGuy
    Member
    Posted 1 year ago #

    Well I tried to install and uninstall the Jetpack plugin with no improvements. I guess I'm going to try to find someone to fix it for me, because I have no clue. :/

    Thanks for everyones help.

  19. If you want... send me the login info for an admin level account, and I'll take a look.

    You can send the info securely using my contact form here:
    http://joshlobe.com/contact-me/

  20. ThatOtherGuy
    Member
    Posted 1 year ago #

    Wow! Really? You're just a super awesome person. ;)

    Give me a few minutes and I'll be back in the office.

  21. Okay... I took your CSS code from the working site and copied it into the custom css code section of the "broken" site.

    This is not an optimal solution... but it does get it working. I'm unfamiliar with JetPack and all it's features. I would suggest looking to them for a support forum where you can get further clarification on the issue.

    But.. it does work now.

  22. robertomurillo
    Member
    Posted 9 months ago #

    Hello everyone, I know that this forum is concentrated only for WordPress Jetpack Contact Form but I only want to add a detail with respect to a Contact Form I found. It's a plugin from ContactUs.com. Apart using Jetpack Contact Form, I just hope this plugin can solve any issue referring to Contact Forms. It's easy to configure it (http://www.youtube.com/watch?v=Ry22Fy5Pepo) and I like it.

    I have a Video Blog that uses both a Jetpack and the plugin I just mentioned, and so far I don't have any problem using both of them.

Topic Closed

This topic has been closed to new replies.

About this Topic