I have been able to locate, and update the CSS file for the store menu. But I can only find/change the parent categories, The child Categories stay the same. Acctually there is not formatting to them at all after I changed the CSS.
Here is a link to an Example - http://www.trevorkingenterprise.com/tokyogizmo/Products/tabid/67/CategoryID/1/Default.aspx
I would like to make the child categories display similar to the parents just with white image not blue.
here is my common CSS
I have not changed the font-styles CSS so I didn't include it.
/* Module Store Menu */
/* Categories */
/* ========== */
.Store-CategoryMenu-Entity
.Store-CategoryMenu-Header
{ }
.Store-CategoryMenu-ItemSelected
A:link
,
.Store-CategoryMenu-ItemSelected
A:active
,
.Store-CategoryMenu-ItemSelected
A:visited
.Store-CategoryMenu-ItemSelected
{
height: 20
;
width: 170
;
background-image:url(http://www.trevorkingenterprise.com/Images/menu2.gif)
;
color: #000000
;
.Store-CategoryMenu-ItemSelected
A.:hover
.Store-CategoryMenu-Item
A.:link
,
.Store-CategoryMenu-Item
A.:active
,
.Store-CategoryMenu-Item
A.:visited
.Store-CategoryMenu-Item
{
height: 20
;
width: 170
;
background-image:url(http://www.trevorkingenterprise.com/Images/menu.gif)
;
color: #000000
;
.Store-CategoryMenu-Item
A.:hover
{
height: 20
;
width: 170
;
background-image:url(http://www.trevorkingenterprise.com/Images/orange.gif)
;
color: #000000
;
}
}
{
}
{
}
}
{
}
{
}
.Store-CategoryMenu-Footer
{
}
/* ========== */
I have not changed the font-styles CSS so I didn't include it.