platinumtie
Member
I set up my forms and used the shortcode to add them to my page. In safari they look perfect, however, in ie and chrome the checkboxes and radio boxes get all screwed up. I haven't checked it in firefox yet. Also, I created an area with html that has 4 boxes beside each other, and in ie and chrome there is now only 2.
Here is the url http://srabcpreview.com/coordinators-corner/ look under monthly and quarterly reports.
How can i make it look the same on all browsers?
Your style.css file sets a 300px width on all inputs (line 1089)
.content input, .content select {
width: 300px;
}Checkboxes and radio buttons are inputs too, so they're getting blown all over the place by the sloppy blanket CSS rule. You can add this to the end of your theme's style.css file and it should override the previous rule.
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio li input[type=radio],
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio li input[type=checkbox] {width:auto!important}I'm sure the other issue is related.. check for inheritance issues from your theme. Here's a quick tip.. check the formatting in the form preview window first. If it looks good there and not in your theme, it's CSS inheritance issues from your theme itself.