Customize span cf_alert for IE7/8 template

Hi,
In my web site I've got many forms in different positions. I would like to customize the span cf_alert class for each form in each position (not only for Firefox but for IE7/8 too). If I insert span cf_alert in my IE8 template I can customize only for one form...and the others?
Can I name it cf_alert1 cf_alert2 ecc? Or something like this?

Thanks,

Francesco

Hi Francesco,

The way to do this is to find something in the page HTML that makes the form identifiable. Then you can limit the CSS to that area. For example, each form has a unique id. In CFv4 this is id='chronoform_my_form_name' so you can create form specific CSS with, for example:

#chronoform_my_form_name input {
  // some CSS
}

You can usually find or add some similar identifier for module positions.

Bob

ok..but i have not yet installed the v4 of Chronoform..
What can I do with v 3.2? Do you think that I should install the v4?

Thanks,

Francesco

Hi Francesco,

No need to upgrade. You can do the same with CFv3 - just the id is slightly different id='ChronoContact_my_form_name'

Bob

Sorry, can you write me an axample for v3.2 of span cf_alert?
id='ChronoContact_form1' but where I say that I'm referring to the span cf_alert?

Thanks,

Francesco

Hi Francesco,

It would be something like

#ChronoContact_form1 span.cf_alert {
  color:red;
  font-weight:bold;
}

Bob

it doesn't work... if I insert that code in my template chronoforms handle the server error with its own class (the message in the pink background) and doesn't take my custom class..
I have tried with the Firefox template and with the IE template... 🙄