Forums

I have a grid made up of a number of rows of radio button. Chronoform generates each line as follows:

<div class="ccms_form_element cfdiv_radio" id="narrowlabel_container_div" style="">
  <label for="NarrowLabel">Mon</label>
  <input type="hidden" name="Monday" value="" alt="ghost" />
  <div style="float:left; clear:none;">
    <input type="radio" name="Monday" id="monday_0" title="" value="0" checked="checked" class="" />
    <label for="monday_0">N/A</label>
    <input type="radio" name="Monday" id="monday_1" title="" value="CLA" class="" />
    <label for="monday_1">Cyber A</label>
    <input type="radio" name="Monday" id="monday_2" title="" value="MLA" class="" />
    <label for="monday_2">Minecraft A</label>
  </div>
  <div class="clear"></div>
  <div id="error-message-Monday"></div>
</div>

What am wanting to do is to give each column a different width ie the N/A column needs to be narrower that the others.

Currently I set the the width using:

#chronoform_BookingForm .cfdiv_radio label {
width: 50px;
}

But this sledgehammer method affect all the radio buttons.

Hi asbasel,

Copy and paste this HTML into a Custom Element element and add classes so that you can selectively apply the CSS.

Bob