Fix Overflow'd Contact Form on New Blogger Style Themes

Blogger contact form gadget is the most used widget installed at any Blogger blog. It provides an easy to use interface for blog readers to get in touch with the blog owner withour exposing their personal data.

However on the newly released Blogger Themes Contempo, Soho, Emporio & Notable, the contact form widget might look awkward especially placing them at narrow & tight sections in dahboard Layout.

To fix, use below quick & easy tutorial:-

• Go to Theme > click Customize
• At Theme Designer > select Advanced > under Advanced > select Add CSS
• Add below CSS at Add CSS box:-

.ContactForm input,
.ContactForm textarea {
  width: 100%;
  padding: 5px;
  font-size: 1em;
  display:block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin-top: 5px;
}

• Click Apply to Blog
• Preview changes

Hope it Helps.