Support for CSS Flyout Menu

[MaxBodine]

thanks I fixed it!

[ilsita]

thanks I fixed it!

Oh good, I was just looking at your page, wondering what the problem was :) How did you fix it?

Edited to add that when I was looking at your page, I noticed that you might want to lighten up the color of the breadcrumbs text.

[slomojojo]

When I look in my template css, I know where to find the column text color, but I'm wondering if this is different from "menu colors." The template I'm using doesn't seem to have any "menu" item color options. I don't want to de-activate the wrong thing.

Also, I'm not sure how to "remove any MENU colors." Do I simply delete the line altogether? Just the color line, or also the text-decoration and size lines? I mean, everything to do with the text?

ilsita

I think the author picked very bold and clashing colors so it'd be easier to track them down in the stylesheet. It's a matter of experimenting.

I wouldn't delete any menu colors, just change them to be the same color once you've decided on the colors you want.

You asked about making text bold. You'd add:

font-weight: bold;

under the particular menu level you want bold text for. Try putting it in different places to figure out the right spot.

I think you also asked about adding images. Yes, you can add images or even use images for the entire menu. I recently added little arrows to each category on my menu; you can see it in my signature. I'd leave the images for last, though, after you get everything else worked out. However, I don't think you can add images to the border itself.

[ilsita]

I think the author picked very bold and clashing colors so it'd be easier to track them down in the stylesheet. It's a matter of experimenting.

Yeah, I figured that... I've been able to figure that stuff out, but haven't changed anything, really. Actually, I did change to a background image, but found that I couldn't edit anything after that, so I went back to the default.

I wouldn't delete any menu colors, just change them to be the same color once you've decided on the colors you want.

That makes sense. I'm still not sure which file, exactly. Are the menu items the same as the sidebox or column box? I'm a little stymied on this...

You asked about making text bold. You'd add:

font-weight: bold;

Where would I put that if I wanted to make the hover-in-the-event-of-submenu?

under the particular menu level you want bold text for. Try putting it in different places to figure out the right spot.

menu in the flyout or in my template?

I think you also asked about adding images. Yes, you can add images or even use images for the entire menu. I recently added little arrows to each category on my menu; you can see it in my signature. I'd leave the images for last, though, after you get everything else worked out. However, I don't think you can add images to the border itself.

I just checked out your flyout menu, and it looks beautiful. That is the sort of thing I'm going for.

Thank you so much!

ilsita

[slomojojo]

All the changes should be done in the stylesheet_categories_menu.css file. You shouldn't have to mess with the template for anything.

I was fooling around with the bold type. You can add

font-weight: bold;

to the div#nav-cat li:hover statement. Unfortunately, it will make all the submenus bold too.

You should try Firefox and install the Web Developer addon. Among many other useful things, it will allow you see all the css files for any site.

[ilsita]

All the changes should be done in the stylesheet_categories_menu.css file. You shouldn't have to mess with the template for anything.

I was fooling around with the bold type. You can add

font-weight: bold;

to the div#nav-cat li:hover statement. Unfortunately, it will make all the submenus bold too.

You should try Firefox and install the Web Developer addon. Among many other useful things, it will allow you see all the css files for any site.

I seem to be having some trouble with this. Perhaps I'm entering it incorrectly? Here's what I have, to no effect whatsoever:

div#nav-cat li.submenu {background-color: white;
font-weight: bold;}

Am I doing it wrong?

ilsita

[ilsita]

I just wanted to add that it works just fine if, instead of "bold" I use "text-decoration: underline"

Underline works, bold doesn't.

Hm.

[vandiermen]

People searching through this forum wondering why this mod its not working; stylesheet_categories_menu.css code gets messed up when you upload it; open this file on your server and you will see
/includes/templates/classic/css/stylesheet_categories_menu.css
or
/includes/templates/YOUR_CUSTOM_TEMPLATE_NAME/css/stylesheet_categories_menu.css

you need to open stylesheet_categories_menu.css on your computer copy the CSS it and go your to FTP or filemanager and edit the file on your server and past it into the file, deleting the scrambled code in it.
Or recreate the file from scratch by copying the CSS in to notepad or something and saving the note pad file as stylesheet_categories_menu.css and upload it again.

Someone could add an update with the correct coding for stylesheet_categories_menu.css

[vandiermen]

Hello,
I have a internet explorer bug; on some pages the menu disappears when hovering over the sub links
If you go to http://www.bubs2grubsknitting.com.au...cPath=35_37_38
and hover over the Categories > Sirdar Baby Wool > 2 Ply (in the white area next to the word "2 Ply")

I have seen this before and it had something to do with removing the main background colour; in this case I kind of needed to.
I am a bit new to CSS Flyout Menus so I posted here in case anyone knows what the problem is.

[vandiermen]

Note that this problem does not happen on the homepage; dont know why

Hello,
I have a internet explorer bug; on some pages the menu disappears when hovering over the sub links
If you go to http://www.bubs2grubsknitting.com.au...cPath=35_37_38
and hover over the Categories > Sirdar Baby Wool > 2 Ply (in the white area next to the word "2 Ply")

I have seen this before and it had something to do with removing the main background colour; in this case I kind of needed to.
I am a bit new to CSS Flyout Menus so I posted here in case anyone knows what the problem is.