Need help? Check out our Support site, then


Sandbox question - menu

  1. OK, I've got my 3-column theme almost exactly the way I want it. (It looks like a 3-column version of my present site.) I'm hoping that somebody can point me in the right direction.

    This skin does not have the menu bar activated in it. Can someone tell me how to turn it on?

    (And tremendous thanks to In Repair - your CSS was extremely helpful to me :) )

  2. Probably you need to undo display:none; in one of these selectors:

    div#access {
    
    }
    
    div.navigation {
    
    }
  3. This is the code 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:#fefefa;
    	border-left:1px outset;
    	border-right:2px outset;
    	border-top:1px outset;
    	border-bottom:2px outset;
    	color:#b453e1;
    	border-color:#b453e1;
    	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:#fefefa;
    	color:#43b9d2;
    }

    I have no idea how it works - I nicked it from someone else and then just fiddled with the colours and things.

    Hope it helps.

  4. Stupid me! The selectors for the menu in Sandbox 1.0 nest as follows:

    div#access
    	div#menu
    		ul
  5. OK guys. You're quickly getting over my head :( I saw this in the CSS:

    div#header p.access {
    	display: none;
    }

    and that's the only place I could find the word access in the CSS that I started with. I guess I don't know what the nesting means :(

  6. rosclarke - just for grins, I copied all that you have above and pasted it into my CSS. The menu bar still doesn't show :(

  7. Sorry for the nerdery escalation! My mind is on a different version of sandbox. To get us in the right direction, please post the code from your stylesheet for these selectors or their variations:

    div#globalnav
    ul#menu
  8. I don't have either one of those in my stylesheet. I started with the 3-column skin available here and neither appears :(

  9. Hmmm. We're getting to the point where I'd need to see it in full. Could you paste your custom Sandbox CSS here?

  10. OK, here it is

    div#wrapper {
    	background:#fff;
    	font-family:Georgia, "Times New Roman", Times, serif;
    	font-size:14px;
    	color:#222;
    	border-top:#333 2px solid;
    	width:1150px;
    	border:#ccc 1px solid;
    	margin:0 auto;
    	padding:0;
    }
    
    div.sidebar ul ul {
    	margin:0;
    }
    
    div.sidebar ul ul li {
    	list-style:none;
    	padding:0 0 5px;
    }
    
    #primary {
    	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    	font-size:11px;
    	border-left:#999 1px solid;
    }
    
    #primary a {
    	color:#222;
    	text-decoration:none;
    	border-bottom:#ccc 1px solid;
    }
    
    #primary a:hover {
    	color:Firebrick;
    	text-decoration:none;
    	border-bottom:Firebrick 1px solid;
    }
    
    #secondary {
    	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    	font-size:11px;
    }
    
    #secondary a {
    	color:#222;
    	text-decoration:none;
    	border-bottom:#ccc 1px solid;
    }
    
    #secondary a:hover {
    	color:Firebrick;
    	text-decoration:none;
    	border-bottom:Firebrick 1px solid;
    }
    
    div.sidebar h3 {
    	font-size:14px;
    	border-top:Firebrick 2px solid;
    	border-bottom:#ccc 1px solid;
    	font-weight:525;
    	color:Firebrick;
    	margin:5px 0 5px;
    	padding:3px 0 3px 1px;
    }
    
    h3 .rsswidget {
    	text-decoration:none;
    	color:Firebrick !important;
    }
    
    #header h1 a {
    	display:block;
    	text-align:center;
    	background:url('http://vivianpaige.files.wordpress.com/2008/08/header030108_5.png') top center no-repeat;
    	height:147px;
    	width:1200px;
    	text-indent:-9000px;
    }
    
    div#menu {
    	display:block;
    	background:Firebrick;
    	width:100%;
    	margin:0;
    	padding:0;
    }
    
    div#menu ul {
    	text-align:center;
    	margin:0;
    	padding:5px;
    }
    
    #menu li {
    	display:inline;
    	margin:0;
    	padding:0;
    }
    
    #menu a:link,#menu a:visited {
    	color:#fff;
    	font-size:.8em;
    	text-decoration:none;
    	text-transform:capitalize;
    	width:auto;
    	padding:8px;
    }
    
    #menu a:hover {
    	color:#E6EEF7;
    }
    
    #menu ul li.page_item ul li {
    	display:none;
    }
    
    #content h2 {
    	font-size:22px;
    	text-indent:5px;
    	font-weight:normal;
    	border-top:firebrick 3px solid;
    	border-bottom:#ccc 1px solid;
    	margin:5px 0;
    	padding:5px 0;
    }
    
    #content h2 a {
    	color:Firebrick;
    	text-decoration:none;
    }
    
    #content h2 a:hover {
    	color:Black;
    	text-decoration:none;
    	border:none;
    }
    
    div.entry-date {
    	font-family:Arial, Helvetica, sans-serif;
    	font-size:10px;
    	font-weight:normal;
    	margin:0 0 3px;
    	padding:0;
    }
    
    div.entry-date a {
    	color:#222;
    	font-weight:normal;
    	text-decoration:none;
    }
    
    div.entry-meta {
    	font-family:Arial, Helvetica, sans-serif;
    	font-size:11px;
    	clear:both;
    	padding:3px 6px 2px 4px;
    }
    
    .entry-meta a {
    	color:#222;
    	text-decoration:none;
    }
    
    .entry-meta a:hover {
    	color:Firebrick;
    }
    
    .entry-author,.entry-category,.entry-editlink,.entry-commentlink {
    	border-top:#ccc 1px solid;
    }
    
    div#footer {
    	background-color:Firebrick;
    	font-family:Arial, Helvetica, sans-serif;
    	font-size:11px;
    	color:#eee;
    	border:#999 1px solid;
    	text-align:center;
    	margin:20px auto 0;
    	padding:10px 0;
    }
    
    div#footer a {
    	color:#eee;
    	text-decoration:none;
    }
    
    .entry-content a,.tags a {
    	color:MediumBlue;
    	text-decoration:underline;
    }
    
    .entry-content a:hover,.tags a:hover {
    	color:Firebrick;
    	text-decoration:underline;
    }
    
    blockquote {
    	background:#f6f6f6;
    	border-left:#eaeaea 1px solid;
    	border-top:#eaeaea 1px solid;
    	border-right:#888 1px solid;
    	border-bottom:#888 1px solid;
    	font-style:normal;
    	min-height:10px;
    	margin:20px 60px;
    	padding:10px 1% 5px;
    }
    
    .nav-previous a,.nav-next a {
    	color:#222;
    	font-weight:bold;
    	font-family:Arial, Helvetica, sans-serif;
    	font-size:11px;
    }
    
    .nav-previous a:hover,.nav-next a:hover {
    	color:Firebrick;
    	font-weight:bold;
    	font-family:Arial, Helvetica, sans-serif;
    	font-size:11px;
    }
    
    body.single div#nav-above {
    	display:none;
    }
    
    body.single div#nav-below {
    	display:block;
    	margin-top:15px;
    }
    
    body.single div.entry-meta {
    	font-family:Arial, Helvetica, sans-serif;
    	font-size:11px;
    	clear:both;
    	padding:3px 6px 2px 4px;
    }
    
    body.single .entry-meta a {
    	color:#222;
    	text-decoration:underline;
    }
    
    body.single .entry-meta a:hover {
    	color:Firebrick;
    }
    
    .entry-content a img {
    	border:#999 2px solid;
    	padding:1px;
    }
    
    .entry-content a:hover img {
    	border:Firebrick 2px solid;
    	padding:1px;
    }
    
    #search h3 {
    	display:none;
    }
    
    ol.commentlist li {
    	margin: 0 0 5px 0;
    }     
    
    .commentlist li {
           list-style:none;
           padding: 5px 0 0 0;
           border-top: #ccc 1px solid;
           font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
           font-size:13px;
           color:#222;
    }
    
    .commentlist li:hover {
           border-top: #ccc 3px solid;
           padding: 3px 0 0 0;
    }
    
    .commentlist li .avatar {
    	float:right;
    	padding:2px;
    }
    
    #content .bypostauthor {
    	background:#FFF8DC;
    }
    
    .comment-author a {
            color:#222;
            font-weight:bold;
    }
  11. Note that all that menu stuff is what I copied from In Repair's CSS in trying to get it to work.

  12. I'll dig through it tomorrow. Sorry, but it's bedtime for me (I'm losing concentration).

  13. Thanks! I really appreciate it.

  14. While you're poking around - could you tell me what I'm missing in getting the comments to align to the left? I managed to figure out the sidebar, which had the same issue, but nothing I try on the comments works. (And I see that others have have a similar problem.)

  15. You know - I think I just figured out part of the problem! Sandbox 10 does NOT have the skins that I was looking for earlier. I did all of my coding in the original Sandbox.

    So - I have to wonder if the menu thingee will never work because it is not a part of the theme.

    Damn! I may have to start all over :(

  16. For anyone dumb enough to do the coding in the older version of Sandbox, here is a link that I ran across regarding the menu issue. Hopefully, it will save somebody else the headaches that I've had.

Topic Closed

This topic has been closed to new replies.

About this Topic