Black Friday Sale! Get up to $40 off GP Premium!Learn more

duplicate mainmenu style for widget menu?

Home Forums Support duplicate mainmenu style for widget menu?

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #161979
    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!

    #161991
    Tom
    Lead Developer
    Lead Developer

    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;
    }
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.