Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 2, 2018 at 4:30 pm #906894
    Archie

    Hi Enfold team!

    I am using a custom widget on this page, to display a navigational menu (custom widget: services navigational menu: services)

    Dental Implants

    How do I adjust the font size and font color of the navigational menu items?

    Also, the items under “Facial Services” do not indent similar to the one’s under “Oral Services”

    Thank you so much for your help!

    February 2, 2018 at 4:54 pm #906901
    Nikko

    Hey hackoffseries,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    .avia-builder-widget-area .widget_nav_menu .menu ul.sub-menu {
    padding: 0 0 0 13px !important;
}

.avia-builder-widget-area .widget_nav_menu .menu li a {
    color: #444;
    font-size: 12px;
}

    just adjust the font size and color. Hope this helps :)

    Best regards,
    Nikko

    February 2, 2018 at 6:22 pm #906941
    Archie

    Perfect!! You rock Nikko!!

    One last thing, how do I remove the border lines between the menu items?

    Thank you soo much! Enfold support is the best!

    February 2, 2018 at 6:27 pm #906943
    Jordan Shannon

    Hi,

    Add this to quick css to take care of the borders:

    
#sub_menu1{
border-top:none!important;
border:none!important;
}

#top #sub_menu1{
border-top:none!important;
}

    There actually appears to already be something setting that top border as “!important” so in order for that portion of my css to work that will have to be located.

    Best regards,
    Jordan Shannon

    February 2, 2018 at 6:35 pm #906948
    Archie

    Hey Jordan!

    Thank you for your response. I actually have this code added:

    #top #sub_menu1 {
    border-top: 1px solid #e1e1e1 !important;
    }

    To add a top border to this other menu
    http://prntscr.com/i982kz

    Is there any way we can remove the borders of the widget navigational menu without affecting the top border of the other menu at the top?

    Thank you!

    February 2, 2018 at 6:56 pm #906961
    Jordan Shannon

    Hi,

    Oh I see now, I misunderstood. Try this:

    #menu-item-1512{
border-top:none!important;
}

    Best regards,
    Jordan Shannon

    February 2, 2018 at 7:46 pm #906979
    Archie

    Hi Jordan!

    Unfortunately, the code didn’t work. Maybe it had something to do with the menu id?

    Here’s what I see on the URL bar for the “Services” menu

    https://ornstein.getoutsourcify.com/wp-admin/nav-menus.php?action=edit&menu=25

    Is 25 the menu id?

    Thanks!

    February 4, 2018 at 9:38 am #907409
    Victoria

    Hi hackoffseries,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top .content .flex_column .widget_nav_menu li,  
#top .content .flex_column .widget_nav_menu li:first-child{
  border: none;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.