Radio Button w/ 2 Options Pushed to 2nd Line

Question

I'm trying to get an issue straightened out with some radio buttons on a form. I'm using V4 and on Joomla 3.2.1 with the latest version of the Rockettheme Acacia template. I have simple Yes/No radio buttons but the text Yes for the 2nd button is pushed down to the 2nd line.

I did change the label widths to 40% instead of the default 150px. I cannot find any css class that will alter the width of the radio buttons class. Any ideas?

bradarussell · Accepted Answer

I was able to solve the issues.  For anyone else with the issue there is css for the first child of the radio and checkbox group.  Here's the css I used to accomplish it:.cfdiv_checkboxgroup label:first-child, .cfdiv_radio label:first-child {     width: 40% !important; } .cfdiv_text label {     width: 40%; } .cfdiv_checkboxgroup label, .cfdiv_radio label, .cfdiv_checkboxgroup input, .cfdiv_radio input {     width: auto !important; } .ccms_form_element label {     width: 40%; }

Forums

Radio Button w/ 2 Options Pushed to 2nd Line