Text too high for textbox

Hi Guys,

I'm trying Chronoform V5.

On my test form (and the demo forms) , the text is to high and doesn't fit into the textboxes.
But all is fine inside a combobox

Please see the screenshot

What can be done here?

Hi enviprot,

That looks like it may be a CSS problem of some kind.

Please post a link to the form so I can take a quick look.

Bob

PS I suggest that you don't use an email address as a username here as it is publicly visible.

OK - Looks like I can't change the username myself? Could you pls. do that from the admin side ?

This is an experimental site which is usually offline while we're working on. Now, for you I quickly enabled it - and will disable it asap - so please let me know when you're done.

Here is the simple test form:
http://new.autoshutdownmanager.com/component/chronoforms5/?chronoform=ContactSales

Hi enviprot,

I checked in the current versions of Chrome IE, Safari (on Windows) and Opera and don't see the problem in your image :-(

Bob

I'll go change your username to enviprot

on my side I see that issue with firefox 24 , firefox 31 etc...
It looks better(but still not good) in IE 11 - but finally this is not usable for firefox users - which is very bad.

So what can I do ?

Hi Enviropot,

It would be the one browser I didn't try :-(

The problem appears to be this padding setting in your template CSS

input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], textarea {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 4px;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.03) inset;
    color: #808080;
    display: block;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 10px;
    margin-left: 0;
    max-width: 100%;
    padding: 12px !important; // this is adding whitespace to the input boxes.
}

Bob

this is kind of strange:

1) I've removed the padding at all -> Chronoform looked OK, but all other text fields in the template where not
2) I've added the 12px padding again -> all looks good now ... why? Any idea ?

Hi enviprot,

No idea, sorry. Did you leave the !important in place? That might make a difference.

Bob

maybe - I've removed that one and now all looks good.

many thanks !