Adjusting the size of input boxes username and password in FrontEnd User Module

[WebPiet]

Hello,

I want to adjust the size of the input boxes for the username and password of the Front End User module. There has to be a parameter that affects the size, but I can't find it.

In the source code of the generated page I find the box with fixed "size=20"

Code: Select all

 <input type="text" name="m4input_username" id="m4input_username" value="" size="20" maxlength="20" /> 

But in the Login Template of the FrontEnd User Management I don't find any html or css code that refers to the size of the input boxes {$input_username} or {$input_password}

Code: Select all

 <!-- Login form template -->
 <font size="-1">
 {$startform}
 {if $error}
  {$error}<br>
 {/if}
  <p>{$prompt_username} {$input_username} {$prompt_password} 
  {$input_password}<br/>
 {if isset($captcha)}
  {$captcha_title}: <input type="text" name="captcha_phrase" /><br />
  {$captcha}<br />
 {/if}
  {$input_submit}<br />
{$endform}
  </font>
<!-- Login form template --> 

Can somebody give me a hint or tip where to adjust the size of these input boxes?

Thanks.

Piet.

URL to the specs of my site: http://www.vksjsintlieven.be/index.php?page=system-info

[calguy1000]

In the latest versions of FEU, the size of the text input for the password is ruled by the minimum password length in the preferences.

[WebPiet]

Yes, indeed. I must've looked too fast over the Preference Tab in the FEU Management 

Meanwhile I could succesfully change the size of the boxes. I also changed the height of the prompted texts "username", "password" , "Log Out", etc. via the general style sheet, but that only affects the prompted texts and not the height of the input boxes.

Code: Select all

div#textincol1 {
  text-align: center;
  margin: 0px 15px;
  font-size: 75%;
  color: red;
  background: grey;
}

Are there more ways of customizing these input boxes (height, background, outline)?

A direction or hint will be sufficient.

Thank you very much!

Piet.

[tsw]

div#divthatwrapstheinputs input {
background-color:#f00;
}

and check  http://w3.org/TR/CSS21/ for all the info you need