Validation Messages Displaying

I downgraded the Google Forms and am using that link.

When the validation messages show up when the form first renders it usually means your theme defines a CSS class (error-message as I recall) which conflicts with a CSS class of the same name which Google defines for the validation messages. You can use the CSS prefix option to ensure the CSS class defined by Google doesn’t conflict with your theme.

If you have defined Custom CSS for your form you’ll need to make sure to update all of the rules with the CSS prefix because when enabled, it is added to every CSS class Google defines.

I fixed the CSS and now the data from the checkboxes in my form will not enter into the google Sheet. Only text and email are inputting

If I access the form through Google Forms, it inputs fine. So I know it’s not an issue with the form

If checkboxes don’t work it almost always means you have a Javascript error on your site which prevents the jQuery script that Google Forms defines from running when the page loads.

One of the last things which happens when rendering a form is a jQuery script executes which modifies the checkboxes. Because WordPress is written in PHP and Google uses Python for Google Forms, there is a compatibility issue between PHP and Python which the jQuery script accounts for. When a page has a Javascript error, the jQuery script never runs so the checkboxes aren’t compatible.

Chrome’s Inspector or Firefox’ equivalent should be able to pinpoint the Javascript error on page load.