Support for CSS Flyout Menu

[fusionsp]

im trying to just change the font for the top header of the cat menu? i changed font sizes and colors and its not taking effect for the flyout? where is this controlled? it must be seperate since some things change and this doesn't

[Get Em Fast]

im trying to just change the font for the top header of the cat menu? i changed font sizes and colors and its not taking effect for the flyout? where is this controlled? it must be seperate since some things change and this doesn't

Fusion and ckosloff, Try adding this line to your stylesheet_categories_menu.css to control your color:

h3#categoriescssHeading.leftBoxHeading {
        color: #FFFFFF;
}

Hope this helps.


ckosloff, Also, try using "text-align: center;" instead of "middle".

[fusionsp]

Fusion and ckosloff, Try adding this line to your stylesheet_categories_menu.css to control your color:

h3#categoriescssHeading.leftBoxHeading {
        color: #FFFFFF;
}

Hope this helps.


ckosloff, Also, try using "text-align: center;" instead of "middle".

well, i got the color changed but the font size still seems stuck somewhere? is there a override place that i can change every header font to match? i tried it a few different places but only a few changed.

[Get Em Fast]

well, i got the color changed but the font size still seems stuck somewhere? is there a override place that i can change every header font to match? i tried it a few different places but only a few changed.

Same place. Just add........."font-size: 0.5em;" , or whatever you need your size to be.

[fusionsp]

Same place. Just add........."font-size: 0.5em;" , or whatever you need your size to be.

wow thanks. i have been trying to figure that out for days.

[ckosloff]

Get 'em Fast,
Thanks for continuing support.
The color for the active link remains unchanged after your mod.
FYI, text-align: center or left works, what doesn't work is vertical-align: middle.
The Specials link to the blank page is always there, and I have tried changing settings in the database to no avail. Still doesn't show in the normal Categories menu.
To prevent further confusion I am enclosing my stylesheet, I know some settings are redundant.
--------------------------------------------------------------
body {
behavior: url(./csshover.htc);
/* WinIE behavior call */}

div#nav-cat {width: 150px; margin: -1px 0 0 -1px;
background-color: transparent; font-weight:bold;
text-align: left;
vertical-align: middle;
line-height: 20px;
}
div#nav-cat ul {margin: 0; padding: 0; padding-top: 0; width: 150px; background-color: transparent;
/*border: 2px solid tan;
background-repeat: no-repeat;*/
}

div#nav-cat ul.level2 {margin: 0; padding: 0; width: 150px;
background-color: transparent;
border: none;
}
div#nav-cat ul.level2 {background-color: transparent;
}
div#nav-cat ul.level3 {background-color: transparent;
}
div#nav-cat ul.level4 {background-color: transparent;
}
div#nav-cat ul.level5 {background-color: transparent;
}
div#nav-cat ul.level6 {background-color: transparent;
}
div#nav-cat li {background-image: url(../images/b1.gif);
position: relative;
list-style: none;
margin: 0;
margin-top: 0;
z-index: 20;
height: 20px;
width: 150px;
/* change it to whatever space you want to put space between buttons*/}
/* <---this line may help or hinder IE menu shifting issues */
div#nav-cat li li {
margin: 0px;
/* this overrides the margin-top in the declaration above */
}
div#nav-cat li:hover {background-image: url(../images/b1_over.gif);
}
div#nav-cat li.submenu {

background-color: transparent;


}
div#nav-cat li.submenu:hover {background-color: transparent;


}
div#nav-cat ul {background-color: transparent;
}
div#nav-cat li a {display: block; padding: 0.25em 0 0.25em 0.5em;
text-decoration: none; width: 150px;}
/*border-left: 0.5em solid #BBB;}
div#nav li a:hover {border-left-color: red;}*/
}
div#nav li a:hover {border: none;
}
div#nav-cat>ul a {width: 150px;
}
div#nav-cat ul ul {position: absolute; top: 0; left: 155px;
display: none;
}
div#nav-cat ul.level1 li.submenu:hover ul.level2,
div#nav-cat ul.level2 li.submenu:hover ul.level3,
div#nav-cat ul.level3 li.submenu:hover ul.level4,
div#nav-cat ul.level4 li.submenu:hover ul.level5,
div#nav-cat ul.level5 li.submenu:hover ul.level6 {display:block;
}
/* beginning of Get 'em Fast's mod */
h3 #categoriescssHeading .leftBoxHeading {
color: #FFFFFF;
}
/* end of Get 'em Fast's mod */

[ckosloff]

Ahhh! got the Specials link out of the menu.
Admin --> Configuration --> Layout Settings --> Categories Box - Show Specials Link, set to false.
One thing less for Get 'em Fast to worry about.

[Get Em Fast]

Get 'em Fast,
Thanks for continuing support.
The color for the active link remains unchanged after your mod.
FYI, text-align: center or left works, what doesn't work is vertical-align: middle.
The Specials link to the blank page is always there, and I have tried changing settings in the database to no avail. Still doesn't show in the normal Categories menu.
To prevent further confusion I am enclosing my stylesheet, I know some settings are redundant.
--------------------------------------------------------------

Vertical-align is only for inline and table elements - doesn't work on block elements. You might try adding "display: inline;", since you've got a "line-height:" set. Other than that, you might just try using padding: settings to align it vertically. Sorry, I missed the "vertical" part in the previous posts. I've been trying to read too much, too fast. Gotta slow down a bit, I guess.

Hope this helps.