Form fields problems in ChronoForms

Hi, I installed and created few forms with ChronoForms, but when I type in the form fields like name,subject, message and all other fields, all letters are capital letters, form work fine but capital letters do not look good and not very useful especially in the text area for writing the message.
What is the problem?
Is it a bug and how can be fixed?

Hi dleltd ,

ChronoForms doesn't change the case of the entries so some other script or code on your page muct be doing that. Please post a link to the form so I can take a quick look.

Bob

Hi, here is the link to the form ( my website is still in developing stage):

http://www.leaderwriter.com/index.php/contact
when you start typing inside the form fields, all letters are capital letters like you are typing with Caps Lock turned on.Try you will see.

I really do not know what is the problem, for example when I sending an article from the froint end it is ok,but for that I use other extension CB.

Hi dleltd,

This is coming from this CSS around line 958 in the template.css file

input, select, textarea {
    font-family: Verdana,Geneva,Arial,Helvetica,Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
    vertical-align: middle;
}

Bob

Thanks GreyHead, but what I should change in that CSS file so I can fix the problem?
Is it that : font weight: bold and that about transforming font in the uppercase?
or it is something else, because I am not an expert in CSS, so I am not really sure what to change in that CSS file.
I created this joomla template with Artisteer and I did not mess the CSS I only added few position using PHP code but not the CSS and I am pretty sure that I set normal fonts for the template.I really do not know what happen and why.

Hi dleltd,

It's up to you what you change in the template. I can't answer the question for you. It may be that some other part of your site needs this CSS.

The line that changes the case is text-transform: uppercase;

If you need to you can overwrite this just for your form using a Load CSS action and the !important attribute:

form#chronoform_form_name input, 
    form#chronoform_form_name select, 
    form#chronoform_form_name textarea {
  text-transform: none !important;
}

Bob

Thanks GreyHead, I solved the problem.