Text link hover color on Superfish dropdown menu
Permalink
I am trying to make the Superfish dropdown menu to have a hover color on the text not a box hover cover over the text. I am unsure of the technical term but I want it to look like what I have attached:
Here is my site and how it looks like now (not what I want t it to look like):http://www.lakelandfoundation.org/index.php...
Now to get this far I have added the following to view.php:
#sf-menu<?php echo $bID?> .sf-menu a { color: #FBA423 !important }
#sf-menu<?php echo $bID?> .sf-menu a:visited { color: #FBA423 !important }
#sf-menu<?php echo $bID?> .sf-menu a:link { color: #FBA423 !important }
#sf-menu<?php echo $bID?> .sf-menu a:hover { color: #903082; text-decoration:underline; !important }
#sf-menu<?php echo $bID?> .sf-menu a:active { color: #903082; text-decoration:underline; !important }
So how do I remove the hover box?
Also if someone doesn't mind how do I line up second level navigation with first level (hover over Tax Benefits to see what I mean). I want it directly below.
Here is my site and how it looks like now (not what I want t it to look like):http://www.lakelandfoundation.org/index.php...
Now to get this far I have added the following to view.php:
#sf-menu<?php echo $bID?> .sf-menu a { color: #FBA423 !important }
#sf-menu<?php echo $bID?> .sf-menu a:visited { color: #FBA423 !important }
#sf-menu<?php echo $bID?> .sf-menu a:link { color: #FBA423 !important }
#sf-menu<?php echo $bID?> .sf-menu a:hover { color: #903082; text-decoration:underline; !important }
#sf-menu<?php echo $bID?> .sf-menu a:active { color: #903082; text-decoration:underline; !important }
So how do I remove the hover box?
Also if someone doesn't mind how do I line up second level navigation with first level (hover over Tax Benefits to see what I mean). I want it directly below.