Blog, How to modify ContactForm in HTML on a Google blogger.

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 != &quot;&quot;'>
    <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 + &quot;_contact-form-name&quot;'
 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 + &quot;_contact-form-email&quot;'
 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 + &quot;_contact-form-email-message&quot;'
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 + &quot;_contact-form-submit&quot;'
                  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 + &quot;_contact-form-error-message&quot;'/>
          <p class='contact-form-success-message' expr:id='data:widget.instanceId + &quot;_contact-form-success-message&quot;'/>
        </div>
      </form>
    </div>
  </div>

 

 

Copyright2021olympithecus