Разноцветное меню Joomla

Изначально 5 лет назад делал сайт детского садика без CMS на HTML. Дизайн был выбран заведующей с Разноцветным меню. Сейчас ввиду большого количества новостей и галерей решил перенести на Joomla. Весь дизайн перенес хорошо, а меню взял одноцветное из шаблона. Но как оказалось именно это цветное меню казалось основной изюминкой для заведующей садиком. Просит обязательно его вернуть.
Вероятно кто нибудь знает как реализовать подобное на Joomla. Прошу поделиться информацией на эту тему! Принимаю все предложения.
Вот скриншот старого меню:

а нужно с картинкой, или просто разноцветное. если подпунктов, что по наведению или по клику появляются нету, то можно и на стандартном модуле меню сделать. скиньте ссылку, ай кэн хелп фо фри, если быстро и без доп. условий.
просто каждому пункту, даете кастомный css-класс пункту меню, а потом в custom.css (или еще где) пропишите этим классам свойство бэкграунд, типа:
.red{background:red}
.blue{background:blue}
.white{background:#fff}
и .т.д.

Было раньше картинкой. При наведении сменялось на "Приподнятую" картинку, как на Главной. Сейчас картинкой не надо. Просто цветной фон пункта.
Шаблон вот этот стоит:

У него прозрачный фон, точнее фон цвета строки и в при скролинге он становиться черно-прозрачным. Будет ли хорошо смотреться?
Быть может есть готовое решение такого меню?!
Я смотрел в сторону Вот этого:

, но это не сомсем то. Это вывод картинками. Хотя не исключаю и его.

вот так нужно, http://prntscr.com/dzwoga что ли ?
если да, то можно и с модулем, что с шаблоном идет, классы просто нужно этим пунктам меню добавить вот здесь http://prntscr.com/dzwpv8
... если этот модуль поддерживает их вывод (он должен, они все должны)
а потом подключить кастомный файл стилей( в поиске ищите "как подключить свои стили в joomla 3.6") и прописать там стили к этим классам.

Вам нужно:
1. прописать кастомные классы в менюшках, думаю с названия понятно какой клас какому меню давать
orange-menu
green-menu
red-menu
http://prntscr.com/dzwurz

2. подключить файл стилей, или найти файл в шаблоне с расширением .css в котором можно писать свои css стили и они не будут удаляться, при каких то действиях(обновлении, чистке кеша и т.д.)
здесь сморите как подключить custom.css и где писать стили из п.3

3. и прописать стили(можно копипастом):

.orange-menu{background: #ffa200;}
/*оранжевый фон */
.green-menu{background: #9bba1f;}
/* зеленый фон */
.red-menu{background: #f73f3f;}
/* у меня это красный !) */
body .sp-megamenu-parent > li {
padding: 0 10px;
margin-right: 0;
}
/* это отступы, чтобы менюшки плотно друг возле друга были */

пробуйте

при скроде вот так будет http://prntscr.com/dzx1j9
ток без черной полоски сверху, это у меня панель с закладками там начинается просто

вот шаблон с разноцветным меню
http://cmsheaven.org/templates/joomla/js-kidzy/

Спасибо конечно за JS Kidzy, но там цветные только шрифты, а заведующая садиком бредит цветными "квадратами" в пунктах меню. Еще желательно, чтоб при наведении был эффект поднятия (вытягивания билета), как на главной странице.

тогда придется классами как то выходить из ситуации, найти чела который рубит в css хорошо, я не умею