problems with Submit Button

hello everybody,
I have made a formular with several fields. I have instroduced a "submit button" but when I see the formular in my website, this button is like "cut", you cant see it completed. Maybe its a matter of the format, but I dont find where exactly the format of the button (and the font text as well) are.
Can somebody help me?
Thanks in advanced

Hi albricia00,

It's probably a CSS problem. There is nothing else I can say from the information here.

You can use your browser web developer tools (click F12 to open them in most browsers) to see exactly what is happening.

Bob

Thanks Bob for your fast answer.
I have a web developer tool already, but I cant get anything from it.
I suspect that its a problem with the file CSS, but Chronofrom has so many CSS files, that I dont know wher I have to check. And do you which CSS is valid in that case or how is called the div of the submit button?
Thanks again

Hi albricia00,

ChronoForms has only one main CSS file in use, the rest are probably from your template. I'm afraid that you need to learn how to use the web developer tools to debug this :-(

If you post a link to the form I'll take a quick look when I have time.

Bob

Thanks again, Bob
Now I know how to use the tool, even that its a little complicated.
I send a printscreen of my 2 problems with the Formular. As you can see, the border of the textarea field doesnt exist (no way where is in the CSS (I have all the CSS checkt, I promise) and the button of submit is not complete (no way niether where is the problem).
I know almost my heart the file CSS frontform_tight.

Thanks

Hi albricia00,

I can see the problem in the image but can't tell what causes it.

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

Bob

hello Bob,
thanks a lot for your help. This is the link to the form:
http://cubos.datcom.ch/index.php/en/contact-form
As you can see, the problem is still there. No way hoy to solve it. I am getting crazy😟

Hi albricia00,

It's being set by the height: 18px; CSS around line 114 of the template.css file

button, textarea, input {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 18px;
    padding: 0 5px;
}

if you add something like this to a Load CSS action in your form it should fix it:

.cfdiv_submit input {
  height: auto;
}

Bob

OMG! Its working!!!
Thanks a lot, Bob. I dont know how I can thank you!
Everything is working now, my first project.
Thanks again.
Carmen