- Open the styles.css file located in the skins/[CUSTOMER_ACTIVE_SKIN]/customer directory of your CS-Cart installation, where [CUSTOMER_ACTIVE_SKIN] is an active skin of your storefront.
- Find the following part of code there:
.top-menu-tabs {
clear: both;
height: 27px;
padding-top: 31px;
}
.top-menu-title:link, .top-menu-title:visited, .top-menu-title:active {
color: #0e0e0e;
font: bold 12px tahoma, verdana, arial, sans-serif;
display: block;
white-space: nowrap;
}
.top-menu-left-bg, .top-menu-active-left-bg {
background: #def3ff url(images/top_menu_left_bg.gif) no-repeat left;
height: 27px;
float: right;
margin-left: 1px;
cursor: pointer;
}
.top-menu-active-left-bg {
background: #bbe6fe url(images/top_menu_active_left_bg.gif) no-repeat
left;
}
.top-menu-right-bg, .top-menu-active-right-bg {
background: #def3ff url(images/top_menu_right_bg.gif) no-repeat right;
height: 27px;
float: left;
margin-left: 1px;
cursor: pointer;
}
.top-menu-active-right-bg {
background: #bbe6fe url(images/top_menu_active_right_bg.gif) no-repeat
right;
}
.top-menu-bg, .top-menu-active-bg {
background: #def3ff url(images/top_menu_bg.gif) repeat-x;
margin-right: 1px;
height: 22px;
padding: 5px 20px 0px 20px;
cursor: pointer;
float: left;
}
.top-menu-active-bg {
background: #bbe6fe url(images/top_menu_active_bg.gif) repeat-x;
}
- Change the color codes to the desired ones.
- Save the file.
- Edit the image files in a graphics editor. The specified images are located in the skins/[CUSTOMER_ACTIVE_SKIN]/ customer/images directory of the CS-Cart installation.
