Dear
If yellow color is default Template Style
Please go to your_site\templates\sj_snap\css\template-yellow.css and find the code bellow:
1. background at the menu items
#yt_menuposition ul.navi > li.level1 > .item-link {
margin: 0;
padding: 12px 25px;
color: #ecebeb;
font-size: 128.6%;
display: block;
background: url(../images/menu-bg.png) repeat #101010;
}
=> change background above
2. background at menu item is active
#yt_menuposition ul.navi > li.level1.active > .item-link {
background-color: #fbb612;
background-image: -moz-linear-gradient(top,#ffbd1e,#f4ac00);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffbd1e),to(#f4ac00));
background-image: -webkit-linear-gradient(top,#ffbd1e,#f4ac00);
background-image: -o-linear-gradient(top,#ffbd1e,#f4ac00);
background-image: linear-gradient(to bottom,#ffbd1e,#f4ac00);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffbc1d', endColorstr='#fff4ac00', GradientType=0);
border: none;
color: #fff;
}
=> change color above
3. background hover at the menu item:
#yt_menuposition ul.navi > li.level1:hover,
#yt_menuposition ul.navi > li.level1.hover {
background: #444444;
color: #f4ac00;
border-top: 1px solid #f4ac00;
}
=> change color and add 'background:your_color;'
Thanks!
