duplicate mainmenu style for widget menu?

[Stefan]

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!

[Tom]

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;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts