[SOLVED] Formbuilder contact form css question

[johanna]

Hello!

I have just installed the Formbuilder module which works fine. However, how do I overwrite or delete the 'contactform' class that exists in the contact form template? I have tried all kinds of css to try and alter the form, but this seems to be embedded somehow.

.contactform fieldset {padding: 1em; background-color: #eee;}
.contactform fieldset legend {font-weight: bold;}
.contactform div {width: 100%; padding: 0.25em 0 0.25em 0;}
.contactform div label {display: block; width: 10em; }
.contactform div.required {color: #f00;}

Don't know how to get rid of it in the template. Please give me a hint...

Thank you!
Johanna

[RonnyK]

Sven,

the code she mentioned is visible in the source of the page containing the form.

Ronny

[johanna]

Obviously there is a bit of code in the contact form template that 'calls up' this bit of css, how do I get rid of it so I can style the form to my liking? Anyone?

Thank you!!
Johanna

[RonnyK]

Johanna,

the CSS is done through the field CSS in the default templates of the FormBuilder, both defaults have a field "CSS", with static text, where the static text is the CSS that's been put in the page. If you press the HTML-button inside the editor while checking the CSS-field, you'll see this. You can also put your default editor to "NONE" in "User preferences", than you'll see the plain CSS-styling-text.

Ronny

[johanna]

Hi Ronny,

I have just figurred it out.... I've been really stupid, almost embarrassed to post the answer, but Sven has the same problem, so I thought I couldn't just slope off and hide under a rock somewhere 

When placing the tag {cms_module module='FormBuilder' form='contact'} into the page, I did so in 'design' view instead of in the source view. It's taken me a week to actually have a look in the source code for the contact page, only to discover the wrapped around the tag... After removing that div, I can style all I like! Doh!!

Anyway, another hurdle overcome, one day I'll get the hang of cmsms 

Thank you for your help, Ronny!

Johanna

[Deblus]

my source code only shows

{cms_module module='FormBuilder' form='contact'}

I still cannot figure out how to change the std contact form's styling 

[RonnyK]

I meant the source of the includud field "CSS" that is present in the default template of the FormBuilder.
The styling is done there.

Ronny