Forums

Hello,
My form width is really small. When I "Inspect the Element" it says:

 media="screen" .gbs3 .A {width: auto !important;}

How can I make the form input area and fields longer? They are like an inch long and the page doesn't look right. I am trying to change the .gbs3 in the css now, but it is not happening how I want it to.

similar problem here. trying to reduce the height of the inputs, but can't (and prefer not to) change the css in the bootstrapfile.
I have tried with a "load css" action, but that doesn't work.

Hi,

In both cases it looks as though the width/height are being set by something else in your template. You will either need to find or edit that, or add CSS to over-ride it in a Load CSS action.

Bob

For my case I tried to overwrite (I think it's a cleaner way then adapting the joomla bootstrap file) but I can't get it working. What would be the right code for just ajusting the height to 30px in all input boxes? And the load css action is going on top in the "on load" section?
Thank you anyway for your interest.

Hi Tiko,

Yes, the Load CSS action goes into the On Load event.

Impossible to say what the 'right' CSS is as it depends on the other CSS on your site. Please post a link to the form so I can take a quick look.

Bob

there you go: http://reve2.com/MyJoomla/
please click on the button in the footer to see the form.
thank you.

Hi Tiko,

Using the Form ID should work

#chronoform-form_newsletter input {
height: 12px;
}

Bob

Yes! that did it, thank you. So I should also have tried the second solution on the FAQ... Ok, I learned my lesson here.
Thank you again, and I'll probably continue bothering you with my problems for a few more days... Just that you know more questions are coming🙂