How to change the background color of ContactForm
![]() |
ContactForm |
First, search for the ContactForm text in HTML...
Then, if you add the yellow part below, the background color will change from white to black.
<b:widget id='ContactForm1' locked='false' title='Contact Form' type='ContactForm' version='1'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='contact-form-widget'>
<div class='form'>
<form name='contact-form'>
<p/>
<data:contactFormNameMsg/>
<br/>
<input class='contact-form-name' expr:id='data:widget.instanceId + "_contact-form-name"'
name='name' size='30' style='background-color: rgba(155, 155, 155, 0.1); color: yellow;' type='text' value=''/>
<p/>
<data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span>
<br/>
<input class='contact-form-email' expr:id='data:widget.instanceId + "_contact-form-email"'
name='email' size='30' style='background-color: rgba(155, 155, 155, 0.1); color: yellow;' type='text' value=''/>
<p/>
<data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span>
<br/>
<textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + "_contact-form-email-message"'
name='email-message' rows='5' style='background-color: rgba(155, 155, 155, 0.1); color: yellow;'/>
<p/>
<input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + "_contact-form-submit"'
expr:value='data:contactFormSendMsg' type='button'/>
<p/>
<div style='text-align: center; max-width: 222px; width: 100%'>
<p class='contact-form-error-message' expr:id='data:widget.instanceId + "_contact-form-error-message"'/>
<p class='contact-form-success-message' expr:id='data:widget.instanceId + "_contact-form-success-message"'/>
</div>
</form>
</div>
</div>
Copyright2021olympithecus