Change login background?

[iBlacK]

Hello,

 

Does anyone knows what class or css contains the login form background?

 

I've tried modifing a lot of classes but nothing has worked, the background it's still white.

 

Thanks.

[Dennis]

If you change the LoginTable class to use a custom picture, that would work.

 

Eg.

.LoginTable{

background:url('http://link.to/image.png')

}

[iBlacK]

If you change the LoginTable class to use a custom picture, that would work.

 

Eg.

.LoginTable{

background:url('http://link.to/image.png')

}

 

I've already tried that, it didn't work.

[icekohl]

<div id="ctl00_ContentPlaceHolderMain_Login1_PanelLogin" class="TCAdmin_LoginContainer">

   <table width="350" cellspacing="0" cellpadding="0" border="0" align="center">
       <tbody>
           <tr>
               <td class="HeaderPanelLeft"></td>
               <td class="HeaderPanel"> ? </td>
               <td class="HeaderPanelRight"></td>
           </tr>
           <tr>
               <td colspan="3">
                   <table class="Table LoginTable" width="100%" cellspacing="0" cellpadding="0" border="0">
                       <tbody>
                           <tr>
                               <td class="TCAdmin_VerticalSpacer" colspan="2"> ? </td>
                           </tr>
                           <tr>
                               <td class="TCAdmin_VerticalSpacer" colspan="2"> ? </td>
                           </tr>
                           <tr>
                               <td class="TCAdmin_VerticalSpacer" colspan="2"> ? </td>
                           </tr>
                           <tr>
                               <td class="FieldName">
                                   <span id="ctl00_ContentPlaceHolderMain_Login1_LabelUserId" class="Label"> ? </span>
                               </td>
                               <td class="FieldValue">
                                   <input id="ctl00_ContentPlaceHolderMain_Login1_TextBoxUserId" class="TextBox" type="text" value="Admin" name="ctl00$ContentPlaceHolderMain$Login1$TextBoxUserId"></input>
                               </td>
                           </tr>
                           <tr>
                               <td class="TCAdmin_VerticalSpacer" colspan="2"> ? </td>
                           </tr>
                           <tr>
                               <td class="FieldName">
                                   <span id="ctl00_ContentPlaceHolderMain_Login1_LabelPassword" class="Label"> ? </span>
                               </td>
                               <td class="FieldValue"> ? </td>
                           </tr>
                           <tr>
                               <td class="TCAdmin_VerticalSpacer" colspan="2"> ? </td>
                           </tr>
                           <tr>
                               <td class="FieldName">
                                   <span id="ctl00_ContentPlaceHolderMain_Login1_LabelLanguage" class="Label"> ? </span>
                               </td>
                               <td class="FieldValue"> ? </td>
                           </tr>
                           <tr>
                               <td class="TCAdmin_VerticalSpacer" colspan="2"> ? </td>
                           </tr>
                           <tr>
                               <td class="FieldName"> ? </td>
                               <td class="FieldValue"> ? </td>
                           </tr>
                           <tr>
                               <td class="TCAdmin_VerticalSpacer" colspan="2"> ? </td>
                           </tr>
                           <tr>
                               <td class="Centered" colspan="2">
                                   <div class="has_js"> ? </div>
                               </td>
                           </tr>
                           <tr>
                               <td class="TCAdmin_VerticalSpacer" colspan="2"> ? </td>
                           </tr>
                           <tr> ? </tr>
                           <tr>
                               <td class="TCAdmin_VerticalSpacer" colspan="2"> ? </td>
                           </tr>
                           <tr>
                               <td class="Centered" colspan="2"> ? </td>
                           </tr>
                           <tr>
                               <td class="TCAdmin_VerticalSpacer" colspan="2"> ? </td>
                           </tr>
                           <tr>
                               <td class="TCAdmin_VerticalSpacer" colspan="2"> ? </td>
                           </tr>
                           <tr>
                               <td class="TCAdmin_VerticalSpacer" colspan="2"> ? </td>

 

Would take some playing around since I'm no pro but I'd look at TCAdmin_LoginContainer. With that if you look at the code I think your going to have a lot to change because other classes are sitting on top of that. Changing those classes would change every table in TCA so you might be better off changing some of the code to custom classes like

login_headerpanel, login_VerticalSpacer and so on.

[Dennis]

Just to be clear; do you mean like this? http://screencast.com/t/ggMj4bbjI

If so, changing LoginTable should do the trick.

[iBlacK]

...

Could you try at least?

 

Just to be clear; do you mean like this? http://screencast.com/t/ggMj4bbjI

If so, changing LoginTable should do the trick.

 

No, the other background, the one that is behind the form.

[Dennis]

So you want it to be like this? http://screencast.com/t/7zXb5dB6iwYQ

If not, then I really don't know what you're talking about.

[iBlacK]

So you want it to be like this? http://screencast.com/t/7zXb5dB6iwYQ

If not, then I really don't know what you're talking about.

 

Yes, like that.

[Dennis]

That would be LoginMainBody.

 

.LoginMainBody {

background-image: url('http://link.to/image.png');

}

[iBlacK]

That would be LoginMainBody.

 

Thanks!

[ServAttitude]

You know how do i put a logo at the top of LoginTable ?

Edited November 21, 2014 by ServAttitude

[krazos]

That would be LoginMainBody.

 

Sorry for bumping, but which file is this?

 

If you could write the whole path to it I would be very grateful.

[Dennis]

It's not a file. It's just the element that you need to change through CSS.

[krazos]

It's not a file. It's just the element that you need to change through CSS.

 

Yea I know, I meant in which file is this element so I can change it? I can't find it, theres like hundreds of CSS files.

[Dennis]

Name it whatever you want and upload it? You shouldn't edit in any of the existing files (and I don't even think you can)