How do I apply a custom template to a form?

I have read many posts on the subject but was not able to apply my template to chronoform.

- I pasted the code of css file of my template in the "Form Code / CSS Styles": does not work;
- I replaced (FTP) the file "style1.css" with the css file of my template: does not work;
- I tried to edit the file style1.css: the result is not equal to that of my template;

To help you better understand:
- this is the page of my form;
http://www.hollywoodtattoo.eu/v2/index.php?option=com_chronocontact&chronoformname=form_contatto

- this is the result that I would get.
http://www.hollywoodtattoo.eu/v2/component/user/register

If anyone can help me before I go mad ... thanks in advance

Sorry for my English

Petrus,

U mean that u would like all fields to be black? Like on the registration form?

Petrus,

U mean that u would like all fields to be black? Like on the registration form?

Yes… The contact form should be as similar as possible to the registration form.
Editing the css file, I managed to make the field on a black background but have also changed the dropdown menu (that should be gray).
I'm going crazy!!

try to ad this to youre template.ccs on line 66

.inputbox {
background:none repeat scroll 0 0 #333333;
border:medium none;
color:#FFFFFF;
padding:2px;



Make a copy of the template first!!!

try to ad this to youre template.ccs on line 66

.inputbox {
background:none repeat scroll 0 0 #333333;
border:medium none;
color:#FFFFFF;
padding:2px;



Make a copy of the template first!!!

Not working :?
I spent a day with this problem and I don't know how to get out 😈

Look in youre template.css there must be a inputbox.

Otherwise try it with firefox and firebug, with that u be able to inspect the items.

Hi Petrus,

There's a final } missing from Haddewade's snippet. It should be

.inputbox {
  background:none repeat scroll 0 0 #333333;
  border:medium none;
  color:#FFFFFF;
  padding:2px;
}

Alternatively you could edit the Form HTML to use your existing CSS. The layout of the registration form is in a table so a change to the label style is also needed. This is pretty close:

<div class="form_item">
  <div class="">
    <label style="width: 150px; display: block; float: left;">e-mail</label>
    <input type="text" name="email" id="text_2" title="Inserisci un indirizzo valido" size="30" maxlength="150" class="inputbox required validate-email">
  </div>
  <div class="cfclear"> </div>
</div>

Bob

Hi GreyHead,
thank you for the support.
I modified the html code and now everything works perfectly.
Now I try to change the registration form with ChronoForms. Wish me good luck!! :wink:
Thanks again

Thanks also to Haddewade