How to change background colour of my form?

Hi, I have put a form together in Frontpage and put the HTML code into Chronoform, the form works fine, but the design ( colour etc ) of the form in Frontpage does not carry over into my site. I am pretty new to this, so a start would be if someone could let me know where/how to edit the CSS to change the background colour of the form and where to place the code. Hopefully once I can do this the rest may become easier.

Cheers in advance,
Leigh.:huh:

Hi Leigh,

Just include the CSS file which Frontpage has created into your form, so step one is to put css some where online where you site can get it then put this line at teh top of the form html box :

<link type="text/css" rel="stylesheet" href="http://www.chronoengine.com/components/com_fireboard/template/default/forum.css" />

of course you will replace the path in the code with your css file path!!

Cheers

Max

Hi Leigh,

Max has given you the best way to include your css assuming that FrontPage outputs it as a file (or you convert it into a file).

You can also include a css script at the beginning of your form html and wrap your form code in a <div> tag. A basic version would look like this:

<style type='text/css'>
div.myform {background-color:yellow; . . . more css . . .}
</style>
<div class='myform'>
. . . your html code . . .
</div>

If you really just want to set the background colour then you could do that with a code snippet in the 'Form Tag Attachment field like style="background-color:red;"

Bob

Thanks very much for this, looks better already, cheers.

Form showing in shadowbox, where do i change the black background (behind your link) to blue background?

On display of field validation message, the form hight automatically increases and hides the submit button below the frame, so the frame should be bigger than the form.



By the way - 3 beta rocks, save etc doesn't work well on latest safari but i guess we'll get there with time and there's always Firefox. Global selected editor support and a external captcha selector are gonna make this the king of joomla form makers! Will definitively be joining when project gets approved.

Hi iMike,

You can style <div class="chronoform"> to give a blue background to the link.

The line height is a bit tricker as the message divs change visibility. I guess you could put a few <br /> tags at the end to enlarge the frame. The better solution would be to have the divs change visibility rather than hide as I think this would preserve the space - at the moment this means hacking the JavaScript.

Bob