Не могу поменять стандартные иконки шаблона dd_toysshop_34 - Joomla 3.x: Шаблоны, разметка и макеты вывода

Иконки с эффектами и смотрятся красиво. Хочу только изображения внутри менять, только в корне шаблона не могу их найти.
Вот код (из index.php шаблона) :
<!--iconmenu-->
<div class="gmenu"> <div class="hi-icon-wrap hi-icon-effect-5 hi-icon-effect-5d">
<?php if ($i1 == 1) { ?><a href="<?php echo $this->params->get('il1'); ?>" class="hi-icon hi-icon-mobile">Mobile</a><?php } ?>
<?php if ($i2 == 1) { ?><a href="<?php echo $this->params->get('il2'); ?>" class="hi-icon hi-icon-screen">Desktop</a><?php } ?>
<?php if ($i3 == 1) { ?><a href="<?php echo $this->params->get('il3'); ?>" class="hi-icon hi-icon-earth">Partners</a><?php } ?>
<?php if ($i4 == 1) { ?><a href="<?php echo $this->params->get('il4'); ?>" class="hi-icon hi-icon-support">Support</a><?php } ?>
<?php if ($i5 == 1) { ?><a href="<?php echo $this->params->get('il5'); ?>" class="hi-icon hi-icon-locked">Security</a><?php } ?>
</div></div>
</div>
Прошу ответить как чайнику ( начинающий )

может ссылку на сайт !

Иконки выводятся с помощью шрифта "EcoIcon". Он лежит в папке ../templates/dd_toysshop_34/fonts/ecoicons/. Иконка меняется при изменении класса ссылки: "hi-icon hi-icon-название_иконки".

Иконки выводятся с помощью шрифта "EcoIcon".

интересно а как шрифт может выводить картинки...

Что буквы или цифры, что иконки - это всё символы, которые можно представить в графическом виде с помощью шрифта, как набора этих символов. Подробнее в Google по запросу: "иконочный шрифт".

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

В коде, что выше указал нужно менять или скачать шрифт иконки и тем же именем указать? hi-icon-mobile даже в ecoicon'е нет. Ковырялся и в Font и CSS

Учите css: в стилях загружается шрифт посредством свойства @font-face {}, затем для каждого символа шрифта объявляется общий класс отображения символов этого шрифта (.hi-icon {}) и индивидуальный класс для каждого символа (.hi-icon-mobile {}), код выводимого символа указывается свойством content:"", указываемого как правило через псевдокласс :after или :before. Поизучайте component.css вашего шаблона, почитайте http://htmlbook.ru/css/font-face и http://htmlbook.ru/css/content.
Если хотите заменить символы шрифта на свои картинки, объявите в стилях свой класс и задайте ему фон с необходимой картинкой: http://htmlbook.ru/css/background-image, затем в шаблоне (или в модуле - смотря где выводятся эти иконки) подставьте свой класс вместо hi-icon.