Posted by ithacaindy on May 25, 2010 at 1:48am
I have nice menu working, but I'd like to customize the CSS to be more like the OP primary menu. The documentation says I should create a new .css file and specify its location in the build/themes settings. However, when I do that, the menu goes from horizontal to vertical and the css is unchanged.
Can someone share how they customized the nice menu css? Thanks.
Comments
I have it working in my xampp
I have it working in my xampp installation.
I'll post it soon!
Change in style.css
add up code which following
#block-nice_menus-1{
height: 30px;
border-bottom:#006699 solid 1px;
}
#block-nice_menus-1 ul.nice-menu,
#block-nice_menus-1 ul.nice-menu ul{ border:none;}
#block-nice_menus-1,
#block-nice_menus-1 li,
#block-nice_menus-1 a{
font-size:16px;
font-weight: normal;
background-color: #840000;
}
#block-nice_menus-1 ul.nice-menu li{
border-right-width: 1px;
border-right-style: solid;
border-right-color: #993300;
border-top-style: none;
margin: 0px;
padding: 0px;
border-bottom-style: none;
border-left-style: none;
}
#block-nice_menus-1 ul.nice-menu li#menu-435{ border:none;}
#block-nice_menus-1 ul.nice-menu a{
text-decoration:none;
padding-top: 5px;
padding-right: 30px;
padding-bottom: 6px;
padding-left: 30px;
display: block;
border: none;
color: #eeeeee;
}
#block-nice_menus-1 ul.nice-menu li a:hover,
#block-nice_menus-1 ul.nice-menu li a.active{
text-decoration:none;
display: block;
color: #FFFFFF;
background-color: #6F0000;
}
How about inserting lines
Thanks for posting this very useful code. I wonder how about if one wanted white lines between the menu items.
fixing overflow submenu
Hello,
I have a menu that sets on the top right side of the page.
The problem is that the sub-menus titles are long (unfornutly I can`t make them shorter) and its overflowing to the right side of the screen on small screens (like laptops: 15").
How do I fix it?
I need to add that I`m using drupal 7 and nice menu module for the menus. The top menus and sub menus are in line.
Thanks