Adding an css id tag to custom modules

On the custom field inputs in the admin section, at the bottom is a field for css class. I cannot seem to see that class tag working. Am I missing something? I would like to adjust the custom fields to stack up horizontally instead of vertically. I was thinking of a css tag and float:left;

usafmemorial.org/joomdonation is the current page

Select "$100 for 2 lines of engraving WITHOUT a service symbol (20 characters per line)." donation type (campaign) in order to see the boxes I am trying to stack.

Hi

That's the campaign dropdown. It is not one of the custom field, so the css class attribute won't be applied in that case. If you view source of the page, you will see that the campaign dropdown has id campaign_id. So if you want to change css for that campaign dropdown, simply using the systax like that:

Could you give it a try ?

Tuan

Once you select the correct campaign it shows the custom fields that I am trying to modify the css on below in the donation info section. I do understand the drop down selects the campaigns. What I want is for my custom fields to stack next to each other left to right...


...rather than top to bottom as they do now.



I would like to give them and id tag so I can accomplish this with a few simple css instructions such as (width:100px; float:left;) But each custom field has a unique name and no way to build matching id tags. So if I am stacking 20 custom fields left to right. Which in my case I need to do 3 different times each on 3 different campaigns that means over 200 lines of messy css. Can you provide any ideas for an easy work around?

It seems like at the bottom of the custom fields form. (Highlighted by a red square their is a css class tag you can customize. When I try to customize the tag with "squeeze" I get no reference to that anywhere in the code. I am not sure how this css class would have to do with the css for the campaign.