Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • September 29, 2021 at 11:18 am #1322788
    schweg33

    hello all
    is it possible to format the custom widget menu like the menu in the header

    example below

    thanks

    and kind regards
    Franz

    September 30, 2021 at 5:50 am #1322929
    Rikard

    Hi Franz,

    Thanks for the links. Do you mean that you want the menu items in the widgets to be more bold, like in the main menu?

    Best regards,
    Rikard

    September 30, 2021 at 7:04 am #1322938
    schweg33

    Hallo Rikard

    Thank you for your feedback
    I would like
    background (blue) and font the same as the submenu under “Über uns*

    thank you
    kind regards
    Franz

    September 30, 2021 at 2:37 pm #1323002
    Yigit

    Hi Franz,

    Thanks for contacting us!

    Please add following code to Quick CSS field in Enfold theme options > General Styling tab

    
#nav_menu-4 {
    background-color: #0098d2;
    margin-top: 8px;
    padding: 10px;
}
#nav_menu-4.widget li a {
    color: #000 !important;
    font-weight: normal;
}
#nav_menu-4.widget li a:hover {
    color: #fff !important;
}

    Best regards,
    Yigit

    October 1, 2021 at 7:01 am #1323096
    schweg33

    Hello Yigit
    Thanks works great
    one more question
    how can I set you wide

    thanks
    and kind regards
    Franz

    October 1, 2021 at 7:20 am #1323098
    schweg33

    :-)
    and one small addition

    That the font where on which page the link is at the moment
    is white

    thank you very much

    October 2, 2021 at 6:16 pm #1323290
    Mike

    Hi,
    Thank you for your patience, to make the current page menu item white please add this css:

    #nav_menu-4.widget #menu-galerien > li.current_page_item > a {
	color: #fff !important;
}

    I’m not sure what you want to set wide, if it is the widget then try increasing the parent column from 1/5 to a larger column.

    Best regards,
    Mike

    October 2, 2021 at 9:02 pm #1323298
    schweg33

    Thanks for your efforts
    I think we have misunderstood each other

    i want the blue background to fill the whole width

    and the text color in the active status is white

    then i still have the same situation on one page
    how can I indicate that both pages are changed?

    thank you and kind regards
    Franz

    October 2, 2021 at 9:52 pm #1323300
    Mike

    Hi,
    Thanks for the feedback, for page 1 I don’t see that you have added the css above, it will make the menu link text white for all 4 items when you are on those pages, please see the screenshot below.
    The blue area is the full width of your 1/5 column, on either side is the margin and padding from the page and from the next column, to make it larger please make your 1/5 column larger and the next column smaller, please see the screenshot below.
    For you page 2 the widget ID is different so you will need to add this css for it to work the same:

    #nav_menu-5 {
    background-color: #0098d2;
    margin-top: 8px;
    padding: 10px;
}
#nav_menu-5.widget li a {
    color: #000 !important;
    font-weight: normal;
}
#nav_menu-5.widget li a:hover {
    color: #fff !important;
}
#nav_menu-5.widget #menu-archiv > li.current_page_item > a {
	color: #fff !important;
}

    please see the screenshot below.
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    October 3, 2021 at 12:45 pm #1323326
    schweg33

    Hello Mike

    Thank you very much
    so it fits

    you can close this request

    kind regards
    Franz

    October 3, 2021 at 1:58 pm #1323332
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘widget format’ is closed to new replies.