How Can I Style My Menu With…
-
Im very new to WordPress and i dont know a great deal on how to do stuff and still learning but ive became stuck on how i can use this style
/* Menu Style */ .menu { display:block; width:auto; height:41px; list-style:inside none; padding:0; margin:0; border:1px solid; } .menu li { list-style:inside none; padding:0; margin:0; display:block; position:relative; } .menu li a { outline:none; display:block; margin:0; padding:13px 15px; font:bold 11px 'Carme', sans-serif; text-decoration:none; border-left:1px solid transparent; border-right:1px solid transparent; } .drop { position:relative; z-index:2; } .menu li:hover a.drop { color:#000; background:#fff; border:1px solid #000; border-bottom:0 none; margin-top:-1px; padding-bottom:14px; } .menu ul { display:none; position:absolute; min-width:180px; list-style:inside none; margin:0; margin-top:39px; padding:10px 0px; background:#fff; border:1px solid #000; z-index:1; } .menu ul li { margin:0; padding:0; list-style:inside none; border:0 none; float:none; } .menu ul li a { float:none; padding:6px; font-weight:normal; color:#777; border:0 none; border-bottom:1px solid #eee; border-top:1px solid transparent; } .menu ul li:last-child a { border-bottom:1px solid transparent; } .menu ul li a:hover { border:0 none; border-top:1px solid; border-bottom:1px solid; } .menu ul a { white-space:nowrap; } .menu li ul { display:none; } .menu li:hover > ul { display:block; } .dropdown-box { display:none; position:absolute; width:auto; margin:0; margin-top:39px; padding:10px; background:#fff; border:1px solid #000; z-index:1; } .dropdown-box p { font:11px/140% 'Carme', sans-serif; color:#777; text-align:justify; margin:0; } .menu li:hover > .dropdown-box { display:block; } /* Align styles */ .left li { float:left; } .left li a { float:left; } .left li:hover a.drop { margin-left:-1px; padding-left:16px; } .left ul, .left .dropdown-box { left:-1px; } /* Color styles */ .black { background-color:#333; border-color:#000; } .black li a { color:#fff; } .black li a:hover { background-color:#444; color:#fff; } .black ul li a:hover { background-color:#333; border-top-color:#000; border-bottom-color:#000; }
the menu thing im using to show where i want it on my layout is…
<?php wp_nav_menu( array( 'sort_column' => 'menu_order', 'container_class' => 'menu-header' ) ); ?>
thanks,
Renny
Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
- The topic ‘How Can I Style My Menu With…’ is closed to new replies.