This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Replies

18
  1. Andrew Misplon Staff 11 years, 2 months ago

    Hi matabra1111

    Try the following under Appearance > Custom CSS:

    /* Vantage Header Custom Menu Widget */
#header-sidebar .widget_nav_menu ul li {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 14px;
}
  2. matabra1111 11 years, 2 months ago

    Thank you.

    Can I add effects like hover colour etc?

  3. Andrew Misplon Staff 11 years, 2 months ago

    Sure. Links look like so:

    #header-sidebar .widget_nav_menu ul.menu > li > a {
  text-decoration: none;
  color: #555555;
}

    And the hover for those links:

    #header-sidebar .widget_nav_menu ul.menu > li:hover > a {
  text-decoration: none;
  color: #555555;
}

    Un-tested so try it out, see how it goes.

  4. matabra1111 11 years, 2 months ago

    That worked perfectly, thanks. Do you have the code for second level hover?

  5. Andrew Misplon Staff 11 years, 2 months ago

    Sure. Try the following:

    #header-sidebar .widget_nav_menu ul.menu > li ul.sub-menu li a {
  color: #777777;
}
#header-sidebar .widget_nav_menu ul.menu > li ul.sub-menu li a:hover {
  color: #777777;
}
#header-sidebar .widget_nav_menu ul.menu > li > ul.sub-menu {
  border-top: 2px solid #00bcff;
}
  6. matabra1111 11 years, 2 months ago

    One more: Can I get the menulink to a page that is currently active to stay in a color I choose?

  7. Andrew Misplon Staff 11 years, 2 months ago

    Sure, try the following and edit as required:

    .widget_nav_menu ul li.current-menu-item > a, .widget_nav_menu ul li.current_page_item > a { color: #000000; }
    • matabra1111 11 years, 2 months ago

      Same thing for sub menu(when hover) window?

  8. matabra1111 11 years, 2 months ago

    Thanks!

  9. Andrew Misplon Staff 11 years, 2 months ago

    Try:

    .widget_nav_menu ul.sub-menu li.current-menu-item > a, 
.widget_nav_menu ul.sub-menu li.current_page_item > a { color: #000000; }
  10. matabra1111 11 years, 2 months ago

    #header-sidebar .widget_nav_menu ul.sub-menu li.current-menu-item > a, .widget_nav_menu ul.sub-menu li.current_page_item > a {
    color: #f47e3c; }

    Did not work. Also when I Applied, it removed the current link color function…

    • matabra1111 11 years, 2 months ago

      That worked. Can I also get the link that is the main one (the one that the submenu is Connected to) in color when active? Sum: I get color one the current linkpage, and also color on the link in that submenu thats is active..?

  11. Andrew Misplon Staff 11 years, 2 months ago

    Try:

    #header-sidebar .widget_nav_menu ul.menu > li ul.sub-menu li.current-menu-item a {
color: red; 
}
    • matabra1111 11 years, 2 months ago

      matabra1111

      That worked. Can I also get the link that is the main one (the one that the submenu is Connected to) in color when active? Sum: I get color one the current linkpage, and also color on the link in that submenu thats is active..?

  12. Andrew Misplon Staff 11 years, 2 months ago

    Try the following:

    #header-sidebar .widget_nav_menu ul.menu > li.current-menu-parent a,
#header-sidebar .widget_nav_menu ul.menu > li ul.sub-menu li.current-menu-item a {
color: red; 
}
  13. Andrew Misplon Staff 11 years, 2 months ago

    For sure.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread