Superfish Menu active
Permalink
Hi Folks,
I have implemented the superfish menu on a site I am building for a client:
http://www.blackchambers.co.uk and I can't seem to find the css class to enable the menu to stay active when on a sub section or a sub sub section.
I have the rollover colour happening but this was activated in the set up panel.
Does anyone know where in the 'superfish.css' I should change the active element?
Also Ideally I would have liked the menu top pop open under the current item rather than popping out of the side is this possible with the block? If not can anyone point me in the direction of where to get it?
cheers
Paul
I have implemented the superfish menu on a site I am building for a client:
http://www.blackchambers.co.uk and I can't seem to find the css class to enable the menu to stay active when on a sub section or a sub sub section.
I have the rollover colour happening but this was activated in the set up panel.
Does anyone know where in the 'superfish.css' I should change the active element?
Also Ideally I would have liked the menu top pop open under the current item rather than popping out of the side is this possible with the block? If not can anyone point me in the direction of where to get it?
cheers
Paul
You can find the SuperFish css files in the packages directory under your root. There are 3 files. superfish.css is prob the one your looking for.
Already on that check out para 3 above ;-P
Have tried various classes to make it active but can't find the one that works?
Have tried various classes to make it active but can't find the one that works?
Shouldn't respond without having morning coffee :)
Strange thing is I when I first loaded it the type was automatically light and when active went bold but I couldn't find or add anything to make the block background the same as the hover colour. and there are definitely no settings for changing it to be more like an accordion effect on rollover.
I know you can play around with the other associated css to get some of what your looking for.
The effect your looking for may be in the js file(s). Have you looked there as well?
The effect your looking for may be in the js file(s). Have you looked there as well?
Inside one of your CSS files, you'll see this line:
Found it? Good. Under that paste the following:
Now, as for repositioning the menu to be below the menu item, I'm not sure; I'm pretty unfamiliar with Superfish.
#sf-menu37 .sf-menu li{background-color:#000000 !important }Found it? Good. Under that paste the following:
#sf-menu37 .sf-menu li:hover{background-color:#0072b0 !important; }Now, as for repositioning the menu to be below the menu item, I'm not sure; I'm pretty unfamiliar with Superfish.
Strange I only have one CSS file and my templates folder is emtpy (what goes in here?) but in the one 'superfish.css' file I have there is no line #sf-menu37 that has a number in it?
I was digging through the forums to look for achieving something similar to what @craftyCS was trying to achieve. I checked the superfish.css files however I too could not find #sf-menu37.
Would like to know if @craftyCS was able to achieve it and how ?
I also am going through the other files as mentioned by @bcarone, but still no success.
I current active state that i am getting is just font-style: bold, I tried changing the css property within the superfish.css that says
However, the bold property gets over-rided and neither my newly set properties show up.
Also, was wondering why there were no ;(delimiters) in the above mentioned css properties, noticed such in the view.php of the super-fish menu too.
Would like to know if @craftyCS was able to achieve it and how ?
I also am going through the other files as mentioned by @bcarone, but still no success.
I current active state that i am getting is just font-style: bold, I tried changing the css property within the superfish.css that says
/*** ccm customizations ***/ ul.sf-menu li a.nav-selected { font-weight:bold } ul.sf-menu li a.nav-selected li{ font-weight:normal }
However, the bold property gets over-rided and neither my newly set properties show up.
Also, was wondering why there were no ;(delimiters) in the above mentioned css properties, noticed such in the view.php of the super-fish menu too.
