dashCommerce

For anybody who would like to change the colors for Sub Category Links, you must do two things:

1) Open the file at this location "Your_Installation_Directory/controls/navigation/categoryNavigation.ascx"

Modify the lines as follows: 

[Original Code] 

<LevelMenuItemStyles>
    <asp:MenuItemStyle CssClass="categoryLevel1" />
    <asp:MenuItemStyle CssClass="categoryLevel1" />
    <asp:MenuItemStyle CssClass="categoryLevel1" />
    <asp:MenuItemStyle CssClass="categoryLevel1" />
</LevelMenuItemStyles>

[New Code]

<LevelMenuItemStyles>
    <asp:MenuItemStyle CssClass="categoryLevel1" />
    <asp:MenuItemStyle CssClass="categoryLevel2" />
    <asp:MenuItemStyle CssClass="categoryLevel3" />
    <asp:MenuItemStyle CssClass="categoryLevel4" />
</LevelMenuItemStyles>

2) Open the main CSS file ( "Your_Installation_Directory/App_Themes/dashCommerce/site.css")

Scroll down to about line 650 or do a search for  ".categoryLevel1"

You will see different tag definitions for "categoryLevel1"

Copy and Paste ALL of these declarations

Change every NEW instance of "categoryLevel1" to "categoryLevel2"

Do the same thing two more times for levels 3 and 4

Change the styles for each Level according to your likeness. 

Note: if you want Level 4 to share the same style as level 1, just specify it in the ascx file in step 1:

 <LevelMenuItemStyles>
    <asp:MenuItemStyle CssClass="categoryLevel1" />
    <asp:MenuItemStyle CssClass="categoryLevel2" />
    <asp:MenuItemStyle CssClass="categoryLevel3" />
    <asp:MenuItemStyle CssClass="categoryLevel1" />
</LevelMenuItemStyles>

Note 2: I have not tried this yet, but if you have more than 4 levels of Categories, you should be able to create a new line in the ascx file: 

<LevelMenuItemStyles>
    <asp:MenuItemStyle CssClass="categoryLevel1" />
    <asp:MenuItemStyle CssClass="categoryLevel2" />
    <asp:MenuItemStyle CssClass="categoryLevel3" />
    <asp:MenuItemStyle CssClass="categoryLevel4" />
    <asp:MenuItemStyle CssClass="categoryLevel5" />
</LevelMenuItemStyles>