Archived topic
duplicate mainmenu style for widget menu?
1 reply · Started by Stefan on December 25, 2015
I`m struggling with the design of my 4 menus on the left sidebar. I want to make a menu section like this on the left side https://www.leben-mit-usher.de/ but the widget menu in GP isn't designed with blocks (they are also links) so is there any easy way, to duplicate the block-css of the main menu css for my menu widgets ? I purchased all plugins, but there is no option to change the widget area to blocks or change background color for mouseovers.
I also tried to change the padding for the text title of the widgets, but the follow options aren't working
.widget-title {
margin-bottom: 10px; (is working well)
margin-top: 0; (has no effect to change this, seems like there are is an extra padding of 20px somewhere? )
padding: 0; (there must be a extra padding section? )
}
Thanks!
Hi there,
If the primary and secondary navigations aren't enough in your sidebars, you can use CSS.
Something like this:
.widget_nav_menu ul,
.widget_nav_menu li {
list-style-type: none;
margin: 0;
padding: 0;
}
.widget_nav_menu li a {
display: block;
padding: 10px 15px;
background: #000;
color: #FFF;
}
.widget_nav_menu li a:hover {
background: #FFF;
color: #000;
}