Support for CSS Flyout Menu

[danielosko]

Hello,

I am using ZenCart 1.5.0 and The latest release of the CSS Flyout Menu.

How do I change the standard "Categories" text in the stylesheet_categories_menu.css under the heading of #categoriescssHeading.leftBoxHeading to a category header image using BOXHEADING's?

This way my websites "view code" will not look like this:
<div class="leftBoxContainer" id="categoriescss" style="width: 150px">
<h3 class="leftBoxHeading" id="categoriescssHeading">Categories</h3>

It will instead look like this:
<div class="leftBoxContainer" id="categories" style="width: 150px">
<h3 class="leftBoxHeading" id="categoriesHeading"><img src="includes/templates/classic/buttons/english/boxhead-categories.gif" alt="Categories" title=" Categories " width="150" height="40" /></h3>

Any assistance would be greatly appreciated.

Thanks,
Danny

[tonibarcelona]

Hello,

I am using ZenCart 1.5.0 and The latest release of the CSS Flyout Menu.

How do I change the standard "Categories" text in the stylesheet_categories_menu.css under the heading of #categoriescssHeading.leftBoxHeading to a category header image using BOXHEADING's?

This way my websites "view code" will not look like this:
<div class="leftBoxContainer" id="categoriescss" style="width: 150px">
<h3 class="leftBoxHeading" id="categoriescssHeading">Categories</h3>

It will instead look like this:
<div class="leftBoxContainer" id="categories" style="width: 150px">
<h3 class="leftBoxHeading" id="categoriesHeading"><img src="includes/templates/classic/buttons/english/boxhead-categories.gif" alt="Categories" title=" Categories " width="150" height="40" /></h3>

Any assistance would be greatly appreciated.

Thanks,
Danny

#categoriescssHeading.leftBoxHeading {
background-image: url('includes/templates/classic/buttons/english/boxhead-categories.gif');
}

[danielosko]

#categoriescssHeading.leftBoxHeading {
background-image: url('includes/templates/classic/buttons/english/boxhead-categories.gif');
}

Thank you, But that STILL gives the resultant website "source code" of:
<div class="leftBoxContainer" id="categoriescss" style="width: 150px">
<h3 class="leftBoxHeading" id="categoriescssHeading">Categories</h3>

Thanks anyway,
Danny

[danielosko]

Ok, I figured it out.

Since I am using the "images_for_titles_2-1" plugin..., I only needed to change my picture in the includes/templates/YOUR_TEMPLATE/buttons/English/ file from boxhead-categories.gif to boxhead-categoriescss.gif and then modify the stylesheet_categories_menu.css to reflect:

#categoriescss.leftBoxContainer {
background: #d########3;
border: 0px solid #0000ff;
width: 160px;
padding-bottom: 0px;
}

#categoriescssHeading.leftBoxHeading {
background: #3C8AFF;
border: none;
width: 160px;
margin: 0 0 0 0px;
height: 46px;
padding-top: 0.5em;
}

Hope this helps someone!
dANNY