Weird css in IE

Hi Steph,

 

We are setting up formidable on this site: http://www.ht.bjobjo.dk.

 

Two questions: 

 

1: Where do we get more space between the buttons when they are aligned horizontally?

Buttons too close

 

2: Radio buttons render poorly in IE. Any way to fix this? Sorry for strange picture quality, but I couldn't find out how to make screendumps from IE running parallels on the MacBook, so I went old school and snatched it with my phone.

Radio buttons in IE

 

Thanks,

 

Niels

Sorry for the delay... Had to wait to respond until I could get a hold of my husband's computer to look at IE since my computer is getting too old to handle parallels.

 

1. To add more space, change the style="float:left" that you added to style="float:left;margin-right:5px". Make this change only for the first field in each row.

 

2. I checked IE8, and adding this css is working for me:

.with_frm_style .form-field input[type="radio"], .with_frm_style .form-field input[type="checkbox"]{width:auto;border:none;background:transparent;padding:0;}

I added this to formidable/pro/css/custom_theme.css.php around line 175. It doesn't matter where you add it ass long as you don't stick it in the middle of a line. After you insert this, you will probably need to go to the Formidable settings page and click update in order for these changes to take effect.

Let me know if this doesn't fix your problem. Thanks!

Hi Steph,

 

Thanks!

#1 worked perfectly :)

 

#2 Not so much :( Tried all your suggestions, but it still renders a long box around the radio button in IE... Btw, the formidable/pro/css/custom_theme.css.php file says "(inactive)" - could this be the reason that it doesn't work?

 

#3 Whilst working on that I noticed that one of the radio options defaults a selection and I can't get it to stop. Have you seen this before?

 

 

Thanks for your excellent help!

 

/Niels

WordPress doesn't recognize that file as active from that editor because it's down more than one folder level. Have you by chance trued disabling Formidable styling on that form for a second to verify if the styling problem is coming from Formidable or your theme? Let me know, and we'll go from there.

 

For your default option, do you have this option selected in the form editor? If so, then you have set it as the default option. With radio buttons, deselecting is a bit of a pain. Either you can add another option, select it, save your form, and then delete the new option, or switch it to a checkbox field, uncheck it, and switch it back to a radio option.

Topic closed.