CSS Inline Radio buttons

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
andrewvideo
Forum Members
Forum Members
Posts: 127
Joined: Fri Nov 28, 2008 10:28 pm

CSS Inline Radio buttons

Post 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
calguy1000
Support Guru
Support Guru
Posts: 8169
Joined: Tue Oct 19, 2004 6:44 pm
Location: Fernie British Columbia, Canada

Re: CSS Inline Radio buttons

Post 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.
Follow me on twitter
Please post system information from "Extensions >> System Information" (there is a bbcode option) on all posts asking for assistance.
--------------------
If you can't bother explaining your problem well, you shouldn't expect much in the way of assistance.
Post Reply

Return to “Layout and Design (CSS & HTML)”