Edit TextBox Size

Hello, I have problem, n can edit the textbox size, I've remove the following line of code but still can not edit the textobox,, but still can not edit the textobox,

[code]template.css

input[type="text"], input[type="password"] {
    color: #3D5166 !important;
    padding: 4px 0;
    width: 100%; /* remove this line */
}

can you help me?

thks

Hi lifeissosimple,

Do you mean that you can't add text to the textbox? Or that it isn't the correct width on your site?

If it is the width then you can use your browser web developer tools to see exactly which CSS is setting the width.

Bob

thanks for the reply,

I can not edit the size of the textbox, is too long,
I can not pass the url because I'm doing locally first and then put online,
put online to check out?


thank you

AM

Hi AM,

Check with your browser web develop tools, they work OK if the site is off-line,

Bob

Thanks again,

created a form for you to see how simple it is,



http://cidenai.edu.pt/index.php?option=com_chronoforms&chronoform=Teste

thank you

AM

Hi GreyHead,

can you help me not?


AM

Hi lifeissosimple,

The width is set by this CSS in your template:

input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea {
    color: #3D5166 !important;
    font-family: Arial,'Arial Unicode MS',Helvetica,Sans-Serif;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    padding: 4px 0;
    width: 100%;
}

You need to override it with CSS in a Load CSS action in your form if you want the inputs narrower.

Bob

Hi, GreyHead,


thanks for the reply,

and what is the best way to do that?

Thank you again,


AM

Hi lifeissosimple,

You'll find some examples in the forums here, similar questions are asked every couple of weeks.

Any CSS that gets you the result you want and doesn't break other stuff on the site is probably OK.

Bob