BalletReign

Hi folks. I have a form that has some radio buttons and some checkboxes. By default, each radio button and checkbox option appears in its own line. Is there a way to make only the radio buttons appear inline (in the same line) while leaving the checkboxes in their own separate lines? I was able to find the following code, but this affects both radio buttons and checkboxes and makes them all appear inline. /* When viewport is 1088 pixels minimum */ @media only screen and (min-width: 1088px) { .form-wrapper .field-list .field .option { /* Show radio buttons side-by-side */ display: inline; margin-right: 5px; } } Thank you.