The 'Loggin In' bar colour

[xenTheory]

I can't seem to find the bar which appears when you're auto logged-in. Can anyone tell me the div it uses? It doesn't stay long enough on the screen for me to see the div!

 

[Jake Bunce]

Based on your description, I'm not sure what bar you are talking about. Picture?

 

[xenTheory]

Sorry I mean the bar which drops down from the top of the screen and says 'Logging In...' or whenever you create a new discussion or reply to one.

 

[Paul B]

<div class="xenOverlay timedMessage" style="top: 0px; left: 0px; position: fixed; display: block;"><div class="content baseHtml" style="opacity: 0.1024;">Your changes have been saved.<span class="close"></span></div></div>

 

[xenTheory]

Nope, not that one. I think it's content Base html or something like that.

 

[Paul B]

That is the correct div for the overlay which drops down from the top of the screen for a few seconds and then returns.

Perhaps you mean something else?

 

[xenTheory]

Hmm, my override did nothing on there, cheers though - don't like editing the source files but will try it that way.

 

[Paul B]

What are you trying to do?

If you want to change the styling just use .xenOverlay.timedMessage in EXTRA.css

 

[xenTheory]

that's what I did but it didn't work, I even added !important to the values.

 

[Paul B]

It works on my localhost using this:

.xenOverlay.timedMessage {
background-color: red;
}

 

[xenTheory]

That still doesn't seem to work on mine, I'll look into it and try and work out why. Cheers for the help though.

 

[Chris D]

It works on my localhost using this:

.xenOverlay.timedMessage {
background-color: red;
}

Definitely works for me.

Best place to trigger this to try out your changes is the Account > Signature page. You get a Save message every time. You'll need to refresh the page for the changes to take effect, of course.