Check Box not visible in Opera

webfish 06 Oct, 2012
Hi, my form seems to be working fine except on Opera.

There is a single checkbox at the end of the form and it dsplays fine in ever browser I have tried except for Opera on both Mac and PC.

In Opera the "I agree to this declaration" text appears but the checkbox next to it is invisible. Any ideas?

Link to development site is http://www.bayofislandssailingweek.org.nz/2013B/index.php/featured

thanks
GreyHead 06 Oct, 2012
Hi webfish,

I think that the Opera default checkbox doesn't force borders so you may need to add them in the form CSS to over-write the 'transparent' setting that ChronoForms uses.

Bob
webfish 06 Oct, 2012
Thanks for the reply. Is the css part of Chronoform or the actual template style sheet?

I'm not big on coding can you suggest what I'd need to change ?

thanks again
GreyHead 06 Oct, 2012
Hi webfish,

Try adding this CSS to your form
form.Chronoform input[type='checkbox'] {
  border: 1px solid black;
}

or, if that doesn't work
form.Chronoform input[type='checkbox'] {
  border: 1px solid black !important;
}

Please see this FAQ for more info on adding CSS to a form.

Bob
webfish 07 Oct, 2012
Thanks so much - option one above worked perfectly.

I have another problem with the form but will post again as it is unrelated to this topic.
This topic is locked and no more replies can be posted.