Support » Fixing WordPress » Problem with WordPress Contact Form

  • ThatOtherGuy

    (@thatotherguy)


    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! 😀

Viewing 15 replies - 1 through 15 (of 21 total)
  • Josh

    (@josh401)

    Do they both use the same exact theme?

    ThatOtherGuy

    (@thatotherguy)

    Hey Josh!

    Yes, they both use the ProPhoto theme.

    WPyogi

    (@wpyogi)

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

    ThatOtherGuy

    (@thatotherguy)

    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. :/

    Moderator Andrew Nevins

    (@anevins)

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

    WPyogi

    (@wpyogi)

    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.

    ThatOtherGuy

    (@thatotherguy)

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

    WPyogi

    (@wpyogi)

    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.

    Moderator Andrew Nevins

    (@anevins)

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

    ThatOtherGuy

    (@thatotherguy)

    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?

    ThatOtherGuy

    (@thatotherguy)

    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?

    Josh

    (@josh401)

    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?

    Josh

    (@josh401)

    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

    ThatOtherGuy

    (@thatotherguy)

    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.

    Josh

    (@josh401)

    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.

Viewing 15 replies - 1 through 15 (of 21 total)
  • The topic ‘Problem with WordPress Contact Form’ is closed to new replies.