Getting navigation under the banner for ChaoticSoul

  • Author
    Posts
  • #193696

    asphyziata
    Member

    Hello, I current do not have the CSS Custom upgrade, but I am fooling around with the CSS to see what I can do with it. I wanted to know is there a way to make a navigation bar at the top of the blog, just under the header image. If so, what’s the code/where do I get the coding.

    Thanks. :)

    #193961

    rosclarke
    Member

    This is what I use:
    div#globalnav ul#menu {
    margin:-20px 0 0 10px;
    padding:0;
    }

    * html div#globalnav {
    margin-bottom:20px;
    }

    div#globalnav ul#menu li {
    display:inline;
    margin:-2px;
    padding:0;
    }

    div#globalnav ul#menu a,div#globalnav ul#menu a:visited {
    display:inline;
    background-color:#f7f7d5;
    border-left:1px outset;
    border-right:2px outset;
    border-top:1px outset;
    border-bottom:2px outset;
    border-color:#37655a;
    margin:-5px 3px 15px 0;
    padding:.8em;
    }

    div#globalnav ul#menu li a:hover,div#globalnav ul#menu li.current_page_item a,div#globalnav ul#menu li.current_page_item a:visited {
    background:#fff;
    color:#f10bbe;
    }

    It works in Sandbox. Might be different if you’re using a different theme.

    #194072

    daisybones
    Member

    I’ve tried this in my template and it’s not working. I’m using Sandbox 1.0 and a skin from http://ntuat.wordpress.com

    Any idea why it wouldn’t work in Sandbox?

    #194073

    rosclarke
    Member

    There are different versions of Sandbox, though I have no idea which one I’m using. That might be it.

    Or it could be that there’s something else in the imported stylesheet that’s overriding it.

    #194078

    vivianpaige
    Member

    Too bad that doesn’t work for other themes. But hey – at least it gives me some idea ;)

The topic ‘Getting navigation under the banner for ChaoticSoul’ is closed to new replies.