CMS Made Simple Forums

Posted: **Mon Feb 19, 2007 9:27 pm**

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

Posted: **Mon Feb 19, 2007 10:18 pm**

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.

Posted: **Mon Feb 19, 2007 11:29 pm**

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.

Posted: **Tue Feb 20, 2007 8:14 am**

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

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

CMS Made Simple Forums

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

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

Re: Adjusting the size of input boxes username and password in FrontEnd User Mod

Re: Adjusting the size of input boxes username and password in FrontEnd User Mod

Re: Adjusting the size of input boxes username and password in FrontEnd User Mod