Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Hi.
How do I change the font and size?
Thanks,
M
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; }Thank you.
Can I add effects like hover colour etc?
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.
That worked perfectly, thanks. Do you have the code for second level hover?
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; }Worked, thanks.
One more: Can I get the menulink to a page that is currently active to stay in a color I choose?
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; }Same thing for sub menu(when hover) window?
Thanks!
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; }#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…
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..?
Try:
#header-sidebar .widget_nav_menu ul.menu > li ul.sub-menu li.current-menu-item a { color: red; }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..?
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; }Thanks!
For sure.