How to change the color of the red astrix and background popup

sh

shrichter 25 Oct, 2014

Hi, there is a locked post here that describes how to modify the color of the red asterix (from 2012) but it doesn't work for me with Chronoforms5. It just doesn't work. I also want to change the red background color of the popup box that appears when incorrect data is put in a form element. How do I do this in the recent version? Thank you, Steve

Max_admin 26 Oct, 2014

1 Likes

Hi shrichter,

For the asterisk please try this code in a "load css" action:


.chronoform .fa-asterisk{color:blue !important;}

Regards,
Max

Max
ChronoForms developer...
Did you try ChronoMyAdmin for managing your Joomla database tables ?

sh

shrichter 26 Oct, 2014

Thank you, that works like a charm. I played around with ways to change the background of the popup that happens when the validation fails, using similar syntax, and couldn't figure it out. Is that possible?

Also, is there a url I can go to to find more info on how to work with styling?

Thanks a ton!

Steve

Max_admin 26 Oct, 2014

Hi Steve,

The styling is done using CSS, you should be able to change anything if you have some CSS experience!

What would you like change with the popup exactly ? because this one has many classes.

Regards,
Max

Max
ChronoForms developer...
Did you try ChronoMyAdmin for managing your Joomla database tables ?

sh

shrichter 26 Oct, 2014

I have quite a bit of css experience but there seems to be some obfuscation going on through your use of javascripts. I'll keep playing.

Gr

GreyHead 26 Oct, 2014

Answer

1 Likes

Hi Shrichter,

This seems to do it

.gtooltip.gvalidation-error-tip {
  background-color: #4242ff !important;
  border: 1px solid #00f !important;
}
.gvalidation-error-tip .gtooltip-arrow-border {
  border-color: #00f transparent transparent transparent !important;
}
.gvalidation-error-tip .gtooltip-arrow {
	border-color: #4242ff transparent transparent transparent !important;
}

Bob

sh

shrichter 27 Oct, 2014

Yea!!!! Great, thank you!

Forums

How to change the color of the red astrix and background popup