Title: Custom Styles
Last modified: August 20, 2016

---

# Custom Styles

 *  [bguth3](https://wordpress.org/support/users/bguth3/)
 * (@bguth3)
 * [13 years, 5 months ago](https://wordpress.org/support/topic/custom-styles/)
 * I recently switched to your product because the form built into my goodlayers
   template was getting overrun with spam. The un-styled form can be seen here under
   contact widget:
 * [http://mabeer.com/](http://mabeer.com/)
 * I guess I have a two part question:
    Is there a way that the default style can
   be overwritten to adapt the style of my template, if not can you point me in 
   the right direction via documentation or help to make it look like this:
 * [http://beantownfx.com/images/contact.jpg](http://beantownfx.com/images/contact.jpg)
 * The size of the text areas are crucial because its forcing out the bottom of 
   my design. Any and all help is greatly appreciated.
 * [http://wordpress.org/extend/plugins/contact-form-7/](http://wordpress.org/extend/plugins/contact-form-7/)

Viewing 3 replies - 1 through 3 (of 3 total)

 *  [infiniloop](https://wordpress.org/support/users/infiniloop/)
 * (@infiniloop)
 * [13 years, 5 months ago](https://wordpress.org/support/topic/custom-styles/#post-3339620)
 * Hi bguth,
 * You might have seen [my post](http://support.goodlayers.com/forum/topic/10463/changing-fields-for-contact-page-widget)
   in the soulbop support forum. I’m in the exact same boat. Purchased soulbop with
   the SAINTDO widgets and they have that useless code attached to them.
 * So I guess, I too have the same question, if anyone can help.
 *  [infiniloop](https://wordpress.org/support/users/infiniloop/)
 * (@infiniloop)
 * [13 years, 5 months ago](https://wordpress.org/support/topic/custom-styles/#post-3339622)
 * Well, I dug through the support pages and found a way to do it. It requires some
   coding, and a little HTML/CSS knowlege…
 * [http://wordpress.org/support/topic/define-css-for-multiple-forms?replies=2](http://wordpress.org/support/topic/define-css-for-multiple-forms?replies=2)
 *  Thread Starter [bguth3](https://wordpress.org/support/users/bguth3/)
 * (@bguth3)
 * [13 years, 5 months ago](https://wordpress.org/support/topic/custom-styles/#post-3339723)
 * Hey infiniloop,
    Thanks for your leg work on this. What I just figured out was
   if you do a little digging in your template’s css you can find some code that
   may look a bit like this:
 * /* contact form */
    div.contact-form-wrapper ol{ margin: 0px; list-style: none;}
   div.contact-form-wrapper ol li{ margin-bottom: 20px; } div.contact-form-wrapper
   ol li.sending-result{ max-width: 622px; display: none; } div.contact-form-wrapper
   ol li.sending-result .message-box-wrapper{ padding: 10px 15px 10px 15px; } div.
   contact-form-wrapper ol li div.error{ display: none; } div.contact-form-wrapper
   input[type=”text”], input[type=”password”] { width: 320px; height: 30px; line-
   height: 30px; padding: 0px 0px 0px 7px; margin: 10px 5px 10px; line-height: 20px;
   max-width: 90%; } div.contact-form-wrapper .textarea{ margin-right: 32px; } div.
   contact-form-wrapper textarea{ height: 165px; width: 590px; margin: 10px 5px 
   10px; padding: 10px; max-width: 100%; line-height: 20px; } div.contact-form-wrapper.
   contact-submit{ float: left; } div.contact-form-wrapper .contact-loading{ width:
   16px; height: 16px; float: left; margin: 7px 0px 0px 15px; display:none; background:
   url(‘images/loading.gif’); }
 * All I did was use the div tag example that you gave me and inserted contact-form-
   wrapper in the opening brackets and it seemed to work. Have a bit more tweaking
   to do but its working much better. Hope this helps you as well.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Custom Styles’ is closed to new replies.

 * ![](https://ps.w.org/contact-form-7/assets/icon.svg?rev=2339255)
 * [Contact Form 7](https://wordpress.org/plugins/contact-form-7/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/contact-form-7/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/contact-form-7/)
 * [Active Topics](https://wordpress.org/support/plugin/contact-form-7/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/contact-form-7/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/contact-form-7/reviews/)

## Tags

 * [ccss](https://wordpress.org/support/topic-tag/ccss/)

 * 3 replies
 * 2 participants
 * Last reply from: [bguth3](https://wordpress.org/support/users/bguth3/)
 * Last activity: [13 years, 5 months ago](https://wordpress.org/support/topic/custom-styles/#post-3339723)
 * Status: not resolved