WordPress WYSIWYG generated form hard to read. Need help fixing my code.

[T Melville]

I kinda feel like my problem isn't advanced enough to merit attention at this site. Since lissaexplainsitall closed their forum, though, I guess here goes:

I used a WP codeblock to make a simple form. It just collects first name, last name, email address and the answer to a trivia question and emails that to me. I'm open to coding it in html, but would need some guidance. When I google how to write it, all the answers I find are for more complex forms written in more advanced languages. Using the code block gave me this code:

<!-- wp:coblocks/form {"subject":"Trivia response from [name]  ([email])","to":"[e-mail]","submitButtonText":"Submit"} -->
<!-- wp:coblocks/field-name {"required":true,"hasLastName":true} /-->

<!-- wp:coblocks/field-email {"label":"Your Email Address","required":true} /-->

<!-- wp:coblocks/field-textarea {"label":"Your Answer","required":true} /-->
<!-- /wp:coblocks/form -->

When the page renders, it looks like this:



The field labels nearly disapear against the background. Using the WYSIWYG editor to make them white doesn't work. It displays the code instead.



I can't change the page template, access the css or install plugins. If anyone can help me, I'm looking for a way to set the text color within the code above, a way to place the form inside a div, a way to write my own code and replace this form with one I can control, or any better ideas. Thank you for taking a look.

[T Melville]

I found that I could create a new form with google forms. It's code was in standard html, so I was able to put it in a div. Looks like my problem is solved.

[Paul Clapham]

Excellent!