Form styling corrupted when deployed on Netlify (vs. Github Pages & local)

Support
, , ,
1

Hey there,

I’m encountering a styling issue with a contact form on my site. The form appears correctly styled on my local environment and on GitHub Pages, but when deployed on Netlify, the styling for the form is missing.

Details:

  • Netlify Site: wscfyi.netlify.app
  • GitHub Pages Site: weseeclearly.github.io/wsc-fyi/
  • Issue: On Netlify, the form’s CSS (background, borders, padding, etc.) is not being applied correctly. The computed styles show most CSS properties, but the form overall doesn’t look as expected.

I haven’t been able to pinpoint why the Netlify deployment is different. Could you please help me diagnose if there’s any interference with Netlify’s form handling or if additional configuration is needed?

If you need any more details such as the full build log, screenshots, or further inspection data, please let me know.

Thanks so much for your help.

Comparison (left: how it looks on Github | right: how it looks on Netlify)

Frame 780
Frame 7801134×438 86.3 KB

2

@weseeclearly Have you already fixed your issue?

Both sites look identical to me:

image
image1532×1417 157 KB

image
image1543×1414 159 KB

3

Hey Nathan, yes I did! But for some reason on my desktop, I wasn’t able to get back into this forum post to update :joy: I’m on mobile now.

The issue I found was a CSS formatting thing. I had made it overly complex, and even though it worked on GitHub pages and local deployment, I guess it was a bit too convoluted for netlify. So I just cleaned it up