TOPIC: Radio Button Position

I downloaded the latest version of DT Register (as of Mar 31 2014), set up my fields and created a form. One of the fields is a radio button and when it shows up on the form it is very low in it's cell. So much so that it is right on the border of the text box below it. I searched for a solution and found this thread: www.dthdevelopment.com/index.php?option=...&id=22916&Itemid=141

with a reference to the CSS field change:
.dt_checkbox_label {
padding: 0 10px 0 10px;
margin: 0 0 0 18px;
}
in /components/com_dtregister/assets/css/main.css

My main.css does not have any type of checkbox label field it it.

How do I adjust the padding and/or margin for the radio button?

Also, I am looking for a method to customize the look of the registration form. I have seen a lot of questions on this with very little feedback on how to accomplish form field positioning.

What is the best method to use that will not cause conflicts with future updates to DT Register?

Thank You

The ".dt_checkbox_label" styling is definitely in your main.css file. You just are not locating it.

The vast majority of the form field styling comes from your template, not DT Register. This is intentional so it uses the same styling as any other forms on your site. You can use browser tools like Firebug to see what CSS is being applied to the form elements and which CSS files it is coming from. Most templates will have that in the template.css file.

OK, I found the styling in the css, however it only affects the label. How do I position the radio button itself higher in the cell?