XF 1.2 Admin/Moderator Bar

[rivacom]

I'm trying to edit the admin/Moderator bar that shows up on top after logging in. But can't seem to find anything on it or what it's actually called. Can anyone point me in the right direction?

 

[Paul B]

Edit it in what way?
The main CSS class for it is #moderatorBar.

 

[rivacom]

I didn't know if it was under style properties or not.

I'd like to move it, change the colors and what not. Right now when I add margin to my body, this gets pushed down as well, making it in the way of everything.

 

[Paul B]

Style Properties don't cover everything, the moderator bar is one of them.

Use a browser inspection tool such as that built in to Chrome or Firebug and you can determine the classes you need to use to make the changes.
To change the background colour for example, add this to EXTRA.css:

#moderatorBar .pageContent
{
background-color: red;
}

 

[Amaury]

Use a browser inspection tool such as that built in to Chrome or Firebug and you can determine the classes you need to use to make the changes.

Firebug is actually useless now, as Mozilla Firefox's Inspect Element feature was improved a while ago to also show what Firebug was showing.

 

[Paul B]

I still prefer Firebug.

 

[Amaury]

I still prefer Firebug.

Well, I guess I shouldn't say useless, then, and instead say it's not really needed anymore in general because Mozilla Firefox does exactly what it and Google Chrome do now.

 

[rivacom]

So the login bar has also moved down. I'm just trying to move the main body down to the page. Is there a better way to do this or extra CSS is the only way to do this?

 

[Paul B]

It's impossible to debug/check your changes without being able to inspect the code.

 

[rivacom]

Heres the site I'm currently working on. http://revenantgaming.com/forum