Need help? Check out our Support site, then


Hiding the navigation bar

  1. This is just a suggestion I had. I would love it if users had the option to hide the top navigation bar that appears by default when logged into WordPress. I find mine more annoying and unsightly than useful. Is it possible to offer this option and/or is it being worked on?

    Thanks for reading!

    - Cassandra

  2. If you have the css editing upgrade you can change the colour of the navigation bar to match your theme. If you don't you can't. http://faq.wordpress.com/2007/10/18/about-the-custom-css-upgrade/

    As far as I know thia "option" is not being considered. If you want to request a new feature then you can use the "support" button on the top right hand corner of any admin side blog page to contact staff on weekdays 8-4PM Pacific time.

  3. Thanks! I have the CSS upgrade. I don't see anything in the code that would allow me to change the color of the nav bar, though.

  4. If you want to remove the blue admin bar across the very top, use greasemonkey.
    I'm sure there will be a script at http://userscripts.org

    http://www.greasespot.net/
    http://www.gm4ie.com/

    Of course you then lose all the functionality.

  5. Thanks, Mark.

    I don't think I'll be too successful at changing the color of the bar. I just checked and there is a background image there. :(

  6. OK, sorry. I'm probably wrong about that since the image is a png.

  7. Alrighty, there is no way to change the color of the bar as far as I could see. Not with CSS, anyway. The bar is actually an unalterable blue image bearing the WordPress icon in the center. I would have to change the html code (which WordPress does not allow) and then replace the image file with one that I had converted to match my theme.

    If anyone has any actual concrete suggestions (other than saying 'it's possible') on how to change the color using CSS, I would appreciate it. Thanks muchly!

  8. The image is there yes, but you can change the color and that background image using CSS. Many have done it already as far as I can tell. Maybe someone here will help you with what code they have used. It is additional code that you add to the stylesheet, not something that is already there.

    Trent

  9. I've seen some wordpress.com blogs that when I visit them while logged in, the admin bar at the top of my browser changes colors. One I remember was grey and I think the other one was a sienna color.

  10. At present there do not appear to be any web developers posting css editing advice on the forum and, there is no staff support for learning css. But, if you are patient then one may stop in and give you a hand. In between I believe using the forum searchbox will turn up at least one useful thread. I clearly recall devblog and sulz posting on this.

  11. Devblog set my CSS so that the browser bar is a weird green-gray on my site. He may be around in a few days.

  12. Neat! Thanks to all of you. Trent: thanks very much. I didn't know that it was a matter of me adding extra code. Hopefully someone can post the code or maybe at least point me in the right direction in terms of looking it up. Meanwhile, I'll poke around the Web.

  13. devblog helped me designed some; i have grey, white and green. if you want any of that colour i could give you the code. (i hope he doesn't mind...)

  14. Sure, that sounds like it might be useful. I'm guessing I could then just replace the color code. Thanks.

  15. Sure, that sounds like it might be useful. I'm guessing I could then just replace the color code. Thanks.

    if you were referring to me, please send me an e-mail (i have a contact form in my about page at my blog) and tell me which colour you want, i'll send the code.

  16. Here's the code I use for mine:

    #wpcombar {
    background:#8b6689;
    border-bottom:1px solid #777;
    color:#fff;
    font:12px "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana;
    height:27px;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    margin:0;
    }

    #wpcombar .menupop ul {
    background:#8b6689;
    border:1px solid #777;
    left:-999em;
    position:absolute;
    border-width:0 1px 1px;
    }

    #wpcombar .quicklinks a,.blogmeta {
    background:#8b6689;
    border:none;
    color:#f7f7d5;
    display:block;
    font:12px "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana;
    font-weight:normal;
    letter-spacing:normal;
    text-decoration:none;
    font-style:italic;
    padding:0.5em 1em;
    }

    Obviously you can set the colours and fonts as you'd like them, or not at all.

  17. @rosclarke - After the day I've had I needed a little fun and that code is fun. Thank you very much.

  18. Thanks for that code (I thought that was what I saw in sulz's CSSS). I've modified mine as well ;)

  19. oh, i always thought you have to upload the wp bar image, as the code that devblog gave me has an uploaded image for background. woot, now i can customise as i wish too... just need to find the colour code!

  20. Thanks, rosclarke! It worked perfectly. :D

    Sulz: Thanks for your very generous offer. I will e-mail you anyway (if that's OK) because I like that you have a hover color, too.

  21. @sulz - Here's a code color wheel I really like:

    http://www.ficml.org/jemimap/style/color/wheel.html

    And here we are...a bunch of chicks, all dressed up in our css, and nowhere to go....

  22. I don't see the hover code in sulz's CSS. I see the uploaded file - it has a WP logo in it.

  23. Found the hover code!

    .quicklinks a:hover {
    	background:#777;
    	color:#fff;
    }
  24. ellaella: thanks for the link. i went to the amung.us colour wheel for the colour code haha!

    i tried to change that hover code but for some reason it doesn't work...

  25. sulz - change the background not the color. (I changed mine to black from #777.)

  26. @everyone

    You're very welcome. And I am feeling not a little smug that I knew how to do that. Of course, I just copied the code from someone else and then made my own adjustments. Please don't ask me how CSS actually works!

  27. that's the same colour i wanted, nada...

  28. Although it's kinda late for me to post on this thread, of course I don't mind you guys sharing the CSS code to customize the WP admin bar. Not at all. So, share away.

  29. BTW, if you wanna hide the blue bar completely, all you have to do is to add the following line:

    #wpcombar {
    	display:none;
    }

    That's it. HTH.

  30. devblog: sorry i didn't ask before, i should have 'cos it's courtesy.

Topic Closed

This topic has been closed to new replies.

About this Topic