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;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin-top: 5px;

  • Click Apply to Blog
  • Preview changes

Hope it Helps.


  1. Thanks. Was looking for this for a while. Really appreciate it.


Insert search keyword(s) & press enter...

Our website development is made possible by displaying online advertisements.
Please consider supporting us & our projects by disabling your Ad Blocker. Thank You.
Our website requires javascripts turned on for best user experience.
Please consider to turn on your web browser javascript. Thank You.
GDPR: Data submitted at our site is managed by 3rd party processors. Read more on how data is collected, managed & processed at our site. Learn More