User login

Theming Drupal's user login block with CSS

Searched words: 
user login block theme

http://api.drupal.org/api/function/user_login_block/6

Really, what is wanted is CSS

Here's a sample:

  #block-user-0 .form-item /* "User login form" block */
  {
    margin-top: .5em;
    margin-bottom: .5em;
  }

  #block-user-0 .form-item label /* "User login form" block */
    font-weight: normal;
  }

  #block-user-0 .item-list ul, #user-login-form .item-list ul, #user-login-form .item-list ul li,
  {
    list-style-type: none;
  }

  #block-user-0 .item-list ul li
  {
    list-style-type: none;
    margin-left: -2em;
  }
 
  #block-user-0 .item-list ul {
    margin-top: .5em;
  }

/** Drupal blocks **/
  .block /* Block wrapper */
  {
    margin-top: .75em;
    margin-bottom: 1.2em;
  }

  .block h2.title /* Block title */
  {
    font-size: 1.2em;
    line-height: 1.1em;
    background: url(images/bg_nav.png) repeat-x left bottom;
    padding: .3em;
  }

Yeah, I'm reusing the main navigation menu background on the block titles! But the part with the minimal improvements to Drupal's historically ugly login form block is above that. I think somewhere else must be setting the text-align to left as normal, or maybe only some common Drupal themes do the strange center alignment.

Resolution

Comments

Thanks, and pls help me with something more

How can I change the user logIn block content, Like

I want to change:

  1. 'User' instead of 'username' and

  2. the text box need to be beside the label, not below the label

  3. I need to hide the 'create new account' link
  4. change 'Request new password' to 'Forgot your password'

thanks in advance

change 'Request new password' to 'Forgot your password'

Hi,

Go to user.module. The you can change 'Request new password' to 'Forgot your password' and you can hide the 'create new account' link

Should never edit a core or contributed module directly new

When it can be avoided, "don't hack core". This could be done with form altering, theme overriding, and/or your own block.

Post new comment

The content of this field is kept private and will not be shown publicly.
  • Internal paths in single or double quotes, written as "internal:node/99", for example, are replaced with the appropriate absolute URL or path. Paths to files in single or double quotes, written as "files:somefile.ext", for example, are replaced with the appropriate URL that can be used to download the file.
  • You may post code using <code>...</code> (generic) or <?php ... ?> (highlighted PHP) tags.
  • You can use Markdown syntax to format and style the text. Also see Markdown Extra for tables, footnotes, and more.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <img> <blockquote> <small> <h2> <h3> <h4> <h5> <h6> <sub> <sup> <p> <br> <strike> <table> <tr> <td> <thead> <th> <tbody> <tt> <output>
  • Syntax highlight code surrounded by the {syntaxhighlighter SPEC}...{/syntaxhighlighter} tags, where SPEC is a Syntaxhighlighter options string or "class="OPTIONS" title="the title".
  • Lines and paragraphs break automatically.

More information about formatting options

By submitting this form, you accept the Mollom privacy policy.