FRAME around the form

Hello
I am totally new here and a newbie in case of CHRONOFORMS
I used it on a page of my customer the first time

Please see here :

http://www.treffpunkt-rhein-neckar.de/

I now like to put this part of the page a little bit to the front by putting a frame around the form or maybe putting the form in a field which has a different background color than blue

Are there any chances to do so with CF ?
Thank you for any help

Hi Miro74,

You can add a CSS Style attribute directly to the form in the "Form Tag Attachment box" in the Form Editor General tab; or you can add css to the Form CSS box (or your site template).

Bob

Wow .. that was a fast and powerful answer . I don't understand that much but it sounds as it is possible ... :-)

Is there a short description how to do what you told me somewhere
Like I said .. I am pretty much new with this tool and honestly don't know exactly how to start with what you wrote .. sorry :-(

Hi Miro74,

This isn't really a ChronoForms question but a CSS styling one. Do you know how you want the box to be styled?

Bob

Dear Bob

yes.. I would love to have it exactly like you already did in the screenshot with the blue frame but not with a green background but with a white one.

How can I do that ? Could you give me a hint please ?

Thank you
MIRO

Hi Miro74,

Try adding this to the Form CSS box

form#ChronoContact_Registrieren {
  border: 2px solid blue;
  background-color: white;
}

Bob

Dear BOB

Thank you so much for this help and sorry sorry for asking such newbie questions but I don't like to crash that friends / customers homepage. If I got you right I have to go this way:

* TEMPLATES
* Than click on the name of my template "template-on-air" and click EDIT
* Than click on EDIT CSS
* Now I have to choose the right CSS (see attached picture)
* Which one should I take ?

And than I look for the line "form#ChronoContact_Registrieren " and add your description ?
Is that correct ??

Thank you very much for your kind help

Hi Miro74,

No, it's better to use the ChronoForms Form CSS box.

Bob

Dear Bob

what exactly do you mean ? I don't get it ...sorry
Where can I find the "ChronoForms Form CSS box" or what exactly is it ?
Am I understanding it wrong ?
Can you guide me the way how to go there please ?

Thank you

Hi Miro74,

In the ChronoForms Forms Manager click the 'form name' link to open the Form Editor; then Click the Form Code tab and a little way down you'll see "CSS Styles
(May override Chronoforms CSS) [+/-]" click the [+/-] link to open the Form CSS box.

Bob

Hey Bob

FINALLY FINALLY ... I got it .. THANK YOU SO MUCH
Great Support

reg
MIRO

Hi Miro74,

No, it's better to use the ChronoForms Form CSS box.

Bob

Hi Bob,

Where is this ChronoForms Form CSS box in Chronoform V4? I go into the Forms manager, click on the form name, and code tab, there are no other options but the code itself.

Thanks,
Sophy

Hi Sophy,

Click the Form Wizard link. If you used the Easy Wizard then there is Code tab with a Load CSS action; if you used the Advanced Wizard drag a Load CSS action into the On Load event.

Bob