Hello,
First, you have to prepare an image and hex color code or gradient code.
Second, you need Firebug tool installed in your browser to check which Class or ID you need to override to make final changes.
Third, you need to learn some basics of CSS and CSS3.
The background-color property is used to specify a solid background color and accepts the same color values as the foreground color property. So it can be a color keyword, like blue, an RGB value like rgb(34, 121, 160), a hexadecimal color value such as #2279A0, or a short hexadecimal color like #ccc.
You can go to: templates/jf_creativia/cssmenu.css
Change color: find(line 9) div.main_menu li a, div.main_menu li span.separator
Wish you success
Thanks,
OrdaSoft team