Custom Styles

Hi bguth,

You might have seen my post 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.

Well, I dug through the support pages and found a way to do it. It requires some coding, and a little HTML/CSS knowlege…

https://www.ads-software.com/support/topic/define-css-for-multiple-forms?replies=2

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.