Need to modify field widths.

[cmendla]

I have Fabrik 3.2 running on a newly migrated Joomla 3.x site.

I can't seem to get the field widths to change on the contact form. http://www.hillmanbrass.com/contact-us.html

If I examine the elements and look at the name field, I see

<input type="text" id="contact___name" name="contact___name" size="10" maxlength="150" class="input-medium fabrikinput inputbox text" placeholder="Your Name..." value="">

If I change the size to 30, I get something closer to what I want

<input type="text" id="contact___name" name="contact___name" size="30" maxlength="150" class="input-medium fabrikinput inputbox text" placeholder="Your Name..." value="">

I set up a custom_css.php in the bootstrap folder.

That looks like

/* BEGIN - Your CSS styling starts here */
 
#$form .foobar {
    display: none;
}
 
 
.fabrikGroup input[type="text"] {
width: 80% !important;
}
.fabrikGroup li:before {
content: none !important;
}
 
.fabrikElement {size: auto !important;}
 
/* END - Your CSS styling ends here */

But apparently that isn't working. Everything I read pointed to the problem being a group with more than one column. I don't believe I have anything like that.

Questions

1. Is there any way to set the field widths for individual elements easily in a bootstrap template? It seems silly to have the same width of a field for a company name as a two letter state abbreviation
2. For now, what code can I add to the custom_css.php to make the fields wider (Absolute or a percentage)
3. I'd appreciate any other thoughts.

thanks

chris