WebsiteBaker Support (2.8.x) > Templates, Menus & Design
Help needed! Styling multiple menu's
(1/1)
G4:
Hi everyone,
I need too style two different menu's. Followed instructions multimenu's.
Menu 1 shows up correct with a green star on the menu_current page:
--- Code: ---<div class="menu">
<?php show_menu(1); ?>
</div>
--- End code ---
--- Code: ---/* MENU ----------------- */
.menu{float:left;font-size:12px;width:200px;height:144px;margin:0;text-align:left;font-weight:bold;line-height:11px;background-color:#fff}
.menu ul{border:0;list-style-type:none;padding:4px 0 0 0;margin:0}
.menu ul li{background-color:#fff}
.menu a{color:#000;background-image:url(http://www.test.nl/test/templates/round/MENU_STER.gif);background-repeat:no-repeat;background-position:left center}
.menu a:link, .menu a:visited, .menu a:active{padding:5px 0 3px 23px;display:block;text-decoration:none}
.menu a:hover{color:#95a27b;background-image:url(http://www.test.nl/test/templates/round/MENU_GROEN_STER.gif);background-repeat:no-repeat;background-position:left center}
.menu_current a{color:#95a27b;background-color:#fff;background-image:url(http://www.test.nl/test/templates/round/MENU_GROEN_STER.gif);background-repeat:no-repeat;background-position:left center}
--- End code ---
example
Menu 2 shows up wrong. There is still a star in the background on the menu_current link:
--- Code: ---<div class="submenu">
<?php show_menu(2); ?>
</div>
--- End code ---
--- Code: ---/* SUBMENU ----------------- */
.submenu{float:left;font-size:10px;width:200px;height:144px;margin:0;text-align:left;font-weight:bold;background-color:#fff}
.submenu ul{border:0;list-style-type:none;padding:4px 0 0 0;margin:0}
.submenu ul li{background-color:#fff;display: inline;}
.submenu a{color:#000;text-decoration: none}
.submenu a:link, .submenu a:visited, .submenu a:active{padding:5px 0 3px 0}
.submenu a:hover{color:red}
.menu_current a{color:red}
--- End code ---
example
Please respond with code!
Navigation
[0] Message Index
Go to full version