1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

XF 1.2 Admin/Moderator Bar

Discussion in 'Styling and Customization Questions' started by rivacom, Dec 18, 2013.

  1. rivacom

    rivacom Active Member

    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?
     
  2. Brogan

    Brogan XenForo Moderator Staff Member

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

    rivacom Active Member

    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.
     
  4. Brogan

    Brogan XenForo Moderator Staff Member

    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:
    Code:
    #moderatorBar .pageContent
    {
    background-color: red;
    }
     
  5. Amaury

    Amaury Well-Known Member

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

    Brogan XenForo Moderator Staff Member

    I still prefer Firebug.
     
    tafreehm and Adam Howard like this.
  7. Amaury

    Amaury Well-Known Member

    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.
     
  8. rivacom

    rivacom Active Member

    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?
     
  9. Brogan

    Brogan XenForo Moderator Staff Member

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

    rivacom Active Member

Share This Page