Changing login background colour

[DigoAlmino]

Hey guys,
I want to change my login background colour darker to see my vanilla front since it's hard to see and difficult to read.



Can someone please send me details on how to change this because I have been trying to find it in the style area but no luck unfortunately (I'm new to this sorry).

I'm currently running vBulletin 5.1.1

Thanks guys,

DigoAlmino

[glennrocksvb]

In the absence of a stylevar that should have been used for the background, the fix would have been to add this in css_additional.css template

#idLoginPage {
    background: #000; /* change color accordingly */
}

but it seems that the login page does not use css_additional.css as what the rest of the pages do. That's a bug.

So for the actual fix, you need to modify css_login.css template and change the one in red.

#idLoginPage {
    margin: 0;
    padding: 0;
    background: [COLOR=#FF0000]#F1F1F1[/COLOR];
    overflow: hidden;
    min-width: 0;
    color:#1B1B1B;
    font-size:12px;
}

[DigoAlmino]

Thanks Glenn, yea I was just wondering if it was a bug. I hope it's isn't any hassle I got a other issue and that one is the little tab for changing avatars/editing while on your profile page. It was suppose to be blue like all the other vBulletin 5 version but this one has changed it all white for some reason.



Do you have any idea why it's causing this? Because I can't find a dam thing on it mate. Hope you can help with this last issue Glenn.

Cheers,

DigoAlmino

[glennrocksvb]

Did you change the side_nav_number_messages_color stylevar to white?

[DigoAlmino]

No I didn't Glenn, It started to happen when I updated to version 5.1.1 all previous version where always the default colour with the text in the square.


But i fixed it just then thanks to you man cheers.

[zweeper]

Hey, I am also trying to change the colour, but all I can do is to change the colour around the forms.
I want to colourize the whole dropdown which opens when i click "sign in or register". Right now, it wont change the border around the forms.

Further, how can I get rid of the slider on the right hand side?

[Wayne Luke]

This code will change the entire background of the dropdown -

#idLoginPage, #idLoginIframeContainer {
    background: #1D350A;
}

You may have to play with CSS for the borders on the #idLoginIframeContainer if they bother you.

The scrolling is because you're using German. The only fix would be to search the templates for the iframe and make it larger.

[delicjous]

This code will change the entire background of the dropdown -
[code]
The scrolling is because you're using German. The only fix would be to search the templates for the iframe and make it larger.

Usually the login box is without any scrolling, also in german language. There should another css which is causing that.

[zweeper]

Can anybody tell me which template it is to edit the iframe?

[Wayne Luke]

The iframe tag is either in the header template or the top_menu_user template.

[glennrocksvb]

In AdminCP > Styles > Search in Templates, you can search templates using some text that is within the template. In this case, you can search for "idLoginIframe" to find which template the login iframe is in.