Forums

I am working on upgrading our site to Joomla 3, and I have updated chronoforms, and I have a form that has input boxes for a phone number, where they should show smaller than other boxes, only large enough fo put 3 or 4 digits. But, I think the Joomla 3 code is making all input boxes wide, 206px, which is in the bootstrap.min.css. How should this get fixed? The page you can view is at http://siteupdate.zluth.org/faith-formation-event-registration.html.

Thanks!

Hi jrthor2,

Bootstrap has some neat built-in classes you can add to the form elements. In the image below I edited your form to use input-mini and input-small. Here's the full set:

.input-mini { width: 60px; }
.input-small { width: 90px; }
.input-medium { width: 150px; }
.input-large { width: 210px; }
.input-xlarge { width: 270px; }
.input-xxlarge { width: 530px; }

Bob

Thanks for the info!!