Superfish Add On.
Permalink
Ive just succesfully downloaded and installed the superfish drop down into my homepage.
I want to add a few more fields, change the colors, height width etc which Im sure must be easy BUT
How do I get to those pages where I can do all that? Sorry but I cant see it anywhere. The edit button only gives about 5 options, where do I add new fields etc?
Also if I dive into the .css file for superfish and fiddle about in there will that change all the styling. The file currently sits in blocks/superfish/css
Is that where it should be.
I dont need to move that css file at all?
Do all css files that come with add ons sit in this folder?
Thanks fo any help.
Nige
I want to add a few more fields, change the colors, height width etc which Im sure must be easy BUT
How do I get to those pages where I can do all that? Sorry but I cant see it anywhere. The edit button only gives about 5 options, where do I add new fields etc?
Also if I dive into the .css file for superfish and fiddle about in there will that change all the styling. The file currently sits in blocks/superfish/css
Is that where it should be.
I dont need to move that css file at all?
Do all css files that come with add ons sit in this folder?
Thanks fo any help.
Nige
I copied my edited version of the navigation to the scrapbook and then pasted it into another page and it worked well and added the page to the navigation automatically. Wow brilliant.
BUT I still dont know how or where to get rid or edit the other links as I dont want them. Also I want to move the newly created link over and right next to the home link.
Also Im geting an error on the sitemap part of the dashboard. Its not working.
So there is
1/ transparency or background image in the top level nav
2/ How do I edit/delete/move around my navigation fields
3/ Sitemap error.
Thank you in advance. I spose youre all asleep(being here as I am on the bottom of the world)
NIge
BUT I still dont know how or where to get rid or edit the other links as I dont want them. Also I want to move the newly created link over and right next to the home link.
Also Im geting an error on the sitemap part of the dashboard. Its not working.
So there is
1/ transparency or background image in the top level nav
2/ How do I edit/delete/move around my navigation fields
3/ Sitemap error.
Thank you in advance. I spose youre all asleep(being here as I am on the bottom of the world)
NIge
The menu will display the pages as they appear in your sitemap, so you'll need to get the sitemap working first to have full control of the site.
If you want a page to not show up in the navigation, you'd go to that page, put it in edit mode, click: Properties -> Custom Fields and check "Exclude from Nav"
If you want a page to not show up in the navigation, you'd go to that page, put it in edit mode, click: Properties -> Custom Fields and check "Exclude from Nav"
If you include a new css file that is included into the the page after the superfish css files you can use that file to just override the styles you need & then upgrades to your superfish menu won't kill your changes.
Cheers for the help. Ive sort of got there really but do you mean include Superfish as is and then apply a custom template in edit mode?
Im trying just this at the moment with the page list block. I just want the text to be smaller but the css doesnt seem to work on it.
Nige
Im trying just this at the moment with the page list block. I just want the text to be smaller but the css doesnt seem to work on it.
Nige
what css are you trying? I don't think there are even any font-sizes set in the superfish css, so you can probably just do something like:
.sf-menu { font-size:11px; line-height:14px }
...in your website's main style sheet.
.sf-menu { font-size:11px; line-height:14px }
...in your website's main style sheet.
I have now actually succesfully completely butchered the Superfish css to my liking.
Its now transparent, fits perfectly and works beautifully.
I’m not sure it would stand up to any upgrades though.
I’ve realised a bit of carefully placed css will change autonav and pagelist.
I havent quite cracked this custom template business though which is where I should be isnt it?
Nige
P.S. Like your avatar..is it a snail car? Burning Man perhaps....
Its now transparent, fits perfectly and works beautifully.
I’m not sure it would stand up to any upgrades though.
I’ve realised a bit of carefully placed css will change autonav and pagelist.
I havent quite cracked this custom template business though which is where I should be isnt it?
Nige
P.S. Like your avatar..is it a snail car? Burning Man perhaps....
good to hear you got it.
if you were to create a custom template for the superfish block, you could put it in /blocks/superfish/templates/myCustomTemplate.php
and yeah, that's a mutant vehicle called "the golden mean".
if you were to create a custom template for the superfish block, you could put it in /blocks/superfish/templates/myCustomTemplate.php
and yeah, that's a mutant vehicle called "the golden mean".
I get that bit. Do you use the view.php?
Im just learning PHP like really JUST learning.
The number of PHP files in a theme or a block confuses me a bit.
Dont worry Im not after a free tutorial or anything. Its just a regular old learning curve.
Thanks for your help.
Nige
Im just learning PHP like really JUST learning.
The number of PHP files in a theme or a block confuses me a bit.
Dont worry Im not after a free tutorial or anything. Its just a regular old learning curve.
Thanks for your help.
Nige
You Fellas stumble across a line in the css (or anywhere) that sets the width of each block accordingly to the amount of characters the link is? Maybe a way to override the custom "fixed width" setting you must state while setting up superfish? Thanks much! I'm sure it's really simple.
Hey a got out my shovel and did some digging..
Was this a safe technique?
I edited the view.php file:
Changed line 15 from this:
.sf-menu li { width:<?php echo $cellWidth?>px }
to this:
.sf-menu li { width:auto; }
Figured this would eliminate the communication for the cell width setting.. Sound good?
Let me know if this was tragic!
Cheers
Was this a safe technique?
I edited the view.php file:
Changed line 15 from this:
.sf-menu li { width:<?php echo $cellWidth?>px }
to this:
.sf-menu li { width:auto; }
Figured this would eliminate the communication for the cell width setting.. Sound good?
Let me know if this was tragic!
Cheers
Dlloyd
The question is "Did it work as you expected?"
My follow-on actions would be
1. Ensure it works in my favorite browser and across the site.
2. Open the site in all browsers on all platforms if possible. Does it still work the way you expected it to?
3. Go to the themes forum and build forum and post your results (good or bad).
Hope it worked out for you.
The question is "Did it work as you expected?"
My follow-on actions would be
1. Ensure it works in my favorite browser and across the site.
2. Open the site in all browsers on all platforms if possible. Does it still work the way you expected it to?
3. Go to the themes forum and build forum and post your results (good or bad).
Hope it worked out for you.
ya it's working great on all browsers so far.. thanks for the reassurance. I guess I got lucky this time!
Hi nige,
Would you share the method you used to make your Superfish menu transparent?
Would you share the method you used to make your Superfish menu transparent?
Yes I'd be happy to share it with you if I could remember how I did it.
But its all in the css. Its easier to do than when I first did it after a couple of upgrades.
I will be checking that css tonight NZ time so I will post it for you then. I think that is about 10am EST.
Nige
But its all in the css. Its easier to do than when I first did it after a couple of upgrades.
I will be checking that css tonight NZ time so I will post it for you then. I think that is about 10am EST.
Nige
Hi Nige,
I actually figured it out right before I pulled my hair out. It's that same old story of not checking the other elements before frigging with the menu for 3 hours. I actually had the menu transparent (the parent buttons) but had messed up on the div containing the menu, I had accidentally changed the background to tile vertically and not horizontally. Anyhow, I feel foolish. Thank you for your reply.
Wil
I actually figured it out right before I pulled my hair out. It's that same old story of not checking the other elements before frigging with the menu for 3 hours. I actually had the menu transparent (the parent buttons) but had messed up on the div containing the menu, I had accidentally changed the background to tile vertically and not horizontally. Anyhow, I feel foolish. Thank you for your reply.
Wil
Would you mind explaining how you got first level nav to have transparent background? Your and Nige's last posts state you figured it out, but I don't really see how you did it.
Thanks!
Thanks!
Hi watersedge,
I have attached the .css file I used for Superfish. I have commented for my own use the lines I needed to customize - or any classes that I figured out while messing around with this. If you do a search of "OATMEAL", and flip through the results you will see all of the styles I was able to discern.
To be honest, I can't remember exactly what I did in the .css end to get this transparent - what I do know is that this menu worked as transparent for me - I placed the menu into another div with a gradient background behind it - you can see the sample site here:http://www.oatmealdesign.com/~mltca/...
One thing that did help me a lot with this was the "FireBug" plugin for Firefox. With this plugin you are able to click a pointer on any part of a webpage to see how an item is put together and what styles have been applied to it. It will also allow you to change .css setting from within your browser so you can see what changes - this is how I identified the .css lines for SuperFish.
Note - if you download the attached text file, just change the extension from .txt to .css.
I hope this helps you out.
Wil
I have attached the .css file I used for Superfish. I have commented for my own use the lines I needed to customize - or any classes that I figured out while messing around with this. If you do a search of "OATMEAL", and flip through the results you will see all of the styles I was able to discern.
To be honest, I can't remember exactly what I did in the .css end to get this transparent - what I do know is that this menu worked as transparent for me - I placed the menu into another div with a gradient background behind it - you can see the sample site here:http://www.oatmealdesign.com/~mltca/...
One thing that did help me a lot with this was the "FireBug" plugin for Firefox. With this plugin you are able to click a pointer on any part of a webpage to see how an item is put together and what styles have been applied to it. It will also allow you to change .css setting from within your browser so you can see what changes - this is how I identified the .css lines for SuperFish.
Note - if you download the attached text file, just change the extension from .txt to .css.
I hope this helps you out.
Wil
hi there,
your post on Super Fish is the most promising to my problem.
i am a novice to code writing, so would you be able to write for me some few easy steps to get Super Fish lose that nasty box and become transparent, simply as text?
would much appreciate your help!
thank you!
Flowerhead
your post on Super Fish is the most promising to my problem.
i am a novice to code writing, so would you be able to write for me some few easy steps to get Super Fish lose that nasty box and become transparent, simply as text?
would much appreciate your help!
thank you!
Flowerhead
Nige -
How did you make your Snapfish transparent?
How did you make your Snapfish transparent?
Any ideas
Nige