Page 1 of 1

CSS Inline Radio buttons

Posted: Tue Nov 20, 2012 4:07 am
by andrewvideo
Hi

Has anyone got they Radio buttons inline using CSS using the template from the Formbuilder. I cant get then inline.

I am trying to get something like this

Registered disabled?

O Yes O NO

Has anyone got a example of the css that works with formbuilder.

I tried things like this, but no luck.

Code: Select all

input[type='radio'] {
    display: inline;
    margin-bottom: 0;
    padding-top: 5px;
    vertical-align: middle;}
See the form here https://www.syfn.org/membership-form/
can anyone help thank you

Re: CSS Inline Radio buttons

Posted: Tue Nov 20, 2012 2:15 pm
by calguy1000
this is because each radio button, and it's label are in their own div, and that div does not have a class attribute.

You will need to edit the form to give the radio button group field a 'class' then you can style the class properly.