How To Change the Validation Error Message Color

Dear All,

I'm not too familiar with Javascript and PHP, but good in CCS. I have gone through the effects.js but no idea how to change the Validation Error Message Color. Will someone tell me?

Thanks!<br><br>Post edited by: isaac_ho, at: 2007/10/20 07:17

Hi Issac,

thats should be through the css classes assigned to it, do you have firefox with firebug installed ? this will tell you exactly the classes names!

Sincerely,

Max

Dear Admin,

I got it. Thanks!

Excellent!!🙂

I simply added the following to the stylesheet of my form html - under Form Code section:

(above the HTML) - between <style type="text/css"> and </style>

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FFFFFF;
	color : #FF0000;
	font-weight: bold;
	border: 2px solid #7B9ACC;
}

Of course you can change the styling to suit your site.

Enjoy!

Thank you very much planethurf!!🙂

Max

I have tried add to the top of the "Forms Management > Form Code > Form HTML:"

<style>
.validation-advice {
margin: 5px 0;
padding: 5px;
background-color: #FFFFFF;
color : #FF0000;
font-weight: bold;
border: 2px solid #7B9ACC;
}
</style>

but it is not changing the validation css.

Hi Laurentio,

Unless you have a very old version of ChronoForms the information in this thread no longer applies (it dates back to 2007).

Please check the page source of your form to see the styling tags of the current version. The default code is in the css/consolidated_common.css file

Bob

I'm using Chronoforms V3.

I'm very new to this. But I've created my form. All is looking great. (Thanks to the guys who wrote it for an Excellent job) All I need to do now is to change the validation text to Red, I've been reading the site for ages now and as best as I can gather all the tonnes of excellent advice applies to earlier versions of Chronoforms???
I don't have a /css/consolidated_common.css file which seems to be the most recent advice.

So at the risk of being told off for not reading the site properly I'll be brave and ask "How do I change the Validation text to Red in Chronoforms 3"?

Many thanks for pointers, (please bear in mind I'm no CSS expert).

Hi Esthalon,

The full path of the file is componente/com_chronocontact/css/consolidated_common.css If it is missing then the ChronoForms installation is faulty (or you have a very old version).

Bob

Thanks Bob. I reinstalled and hey presto you guys have already made it red!
Thanks again!

Sweet.. worked for me.. thanks