title: How To Modify Alfresco Share Login Page?
body: <p>I've been messing around with this for some time, but I can't seem to find the exact file I need to change in order to get the Share login page to look how I want.</p>
  
  <p>Basically I wanted to do was:</p>
  
  <ul>
  <li>Change the logo that appears (done..I modified the <code>C:\Alfresco\tomcat\webapps\share\themes\default\login.css</code>)
  <li>Get rid of the copyright text (done..I modified the <code>C:\Alfresco\tomcat\webapps\share\themes\default\login.css</code>)
  <li>Center the logo, the input boxes and the "login" button
  <li>Remove the "Alfresco >> Login" title at the top left of the page.
  </ul>
  
  <p>I've been looking around on Google, and I was surprised to not see more people having tried to do this. Does anyone have any experience with this or know what I might need to do to get the Share login page to look exactly how I want it?</p>
  
  <p>Btw, here is my <code>login.css</code> page now if it matters...</p>
  
  <pre><code>.login-panel
  {
     text-align: left;
  }
  
  .login-panel input
  {
     border: 1px solid #C5D6E2;
     padding: 2px;
     font-weight: normal;
     font:99% arial,helvetica,clean,sans-serif;
  }
  
  .alfresco-share .sticky-wrapper
  {
     background-color: #B4B4B4;
  }
  
  .yui-panel-container.shadow .underlay
  {
     display: none;
  }
  
  .yui-skin-sam .yui-panel
  {
     border-style: none;
  }
  
  .login-panel
  {
     width: 502px;
     height: 289px;
     background: transparent url("./images/loginbg.png") no-repeat;
     padding-left: 28px;
     font-family: Arial,Helvetica,sans-serif;
     font-size: 12px;
     font-weight: bold;
     color: #515354;
     visibility: hidden;
  }
  
  .login-button
  {
     background-color: #f0f0f0;
  }
  
  .login-copyright
  {
     font-family: Arial,Helvetica,sans-serif;
     font-size: 0px;
     font-weight: normal;
     color: #ffffff;
  }
  
  .login-logo
  {
     position: absolute;
     top: 16px;
     height: 64px;
     width: 450px;
     background: transparent url("./images/newLogo.gif") no-repeat;
  }
  </code></pre>