Forums

How To Change the Validation Error Message Color

isaac_ho 20 Oct, 2007
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
Max_admin 20 Oct, 2007
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
Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.
isaac_ho 20 Oct, 2007
Dear Admin,

I got it. Thanks!
Max_admin 20 Oct, 2007
Excellent!!🙂
Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.
planethurf 23 Oct, 2007
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!
Max_admin 24 Oct, 2007
Thank you very much planethurf!!🙂

Max
Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.
?
Guest 16 Dec, 2009
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.
GreyHead 16 Dec, 2009
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
esthalon 11 Aug, 2010
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).
GreyHead 12 Aug, 2010
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
esthalon 12 Aug, 2010
Thanks Bob. I reinstalled and hey presto you guys have already made it red!
Thanks again!
dpqmw 13 Aug, 2010
Sweet.. worked for me.. thanks
This topic is locked and no more replies can be posted.