Customizing the "NavBar" navigation bar style

Vfxdude » BigFeature

Customizing the "NavBar" navigation bar style

(7 posts) (4 voices)

Started 2 years ago by illusio
Latest reply from vfxdude

Tags:

illusio
Member

How do I remove the borders on the nagivation bar? I'm using the "NavBar" style. I tried this but see no changes:

ul.navigation navbar sf-menu { border: none !important; }

- Chuck

Posted 2 years ago #
vfxdude
admin

ul.navigation.navbar { border: none; }

Posted 2 years ago #
Orville
Member

How do I change navigation a active/current hover settings? Want to change link color for hover. Tried with a active and current but did not succeed. Also didn`t figure out how I can change active/current background color...

Using navigation bar sep

Thanks

Posted 2 years ago #
vfxdude
admin

ul.navigation.navbarsep li a:hover { color:#666; background-color:#f2f2f2; }

Posted 2 years ago #
Orville
Member

Nope, did not work, this code only affects underline line color of active link hover somehow :(
No change in link text color for active/current link or background..

Posted 2 years ago #
arjanv
Member

it works if you don't use Cufon.

I use Cufon with the navigation menu and i use option "simple".

How to change the color of the Hover text?

Posted 1 year ago #
vfxdude
admin

the hover effect is not enabled by default with cufon (due to performance reasons), so an extra parameter has to be added to the cufon call in the theme-functions.php (in library/functions). If you want to do it, here's how:

search for this (in theme-functions.php):

['navigation']:$fontName; ?>'

and replace with:

['navigation']:$fontName; ?>', hover: true

then add the hover styling to style.css:

ul.navigation.navsimple a:hover { color: #600; }

Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.