Gantry 5 // Проблема с выводом стильного tooltip-а - Joomla 3.x: Общие вопросы

Всем привет, товарищи!

Перелез на Gantry 5 и понял что он для меня идеален, но как обычно не без косяков (хотя я уверен что данный косяк будет почти во всех шаблонах)

Итак нашел я в инете примеры красивых всплывающих подсказок (tooltips) Решил сначала проверить создав простенькую страничку на HTML. Запихнул примеры стилей css  (которые я скачал как исходник) в одноименную папочку. шрифты в шрифты и тд. Запустил страницу и понял что  все получилось и все работает.  После этого я конечно же перенес все  это дело (стили, шрифты "fa" картинки)  в gantry 5 шаблон (подключилось без проблем). Создал custom html  модуль, вписал туда кусок интересующего меня кода с кнопками и тултипами, сохранил и увидел пустой белый блок.

Скрины прилагаю:
Первый скрин на котором показано что все работает в обычном html
Второй скрин показывает что после подключения в Joomla gantry5  все сломалось

Я предполагал что, так как в  Joomla около 10к файлов, рано или поздно наткнусь на косяк, который будет перекрывать подключаемый мною стиль или что-то в этом роде.

Далее я покажу CSS код всех 3-х файлов которые я подключил.

1.Demo
2.Normalize
3.tooltip-flip
Последний мне и дает стиль самого тултипа (логично). Еще подключен font awesome, однако  он сейчас не нужен так как я заменил иконки на картинки.
А вот сам HTML код  вывода кнопок с тултипами
тут же сразу могу отметить что если убрать класс из блока <a ... />, то кнопки появляются, хоть и не работают подсказки.

Я никак не могу понять в чем проблема, почему на обычной странице все работает, а в joomla  все ломается. Может есть какие-то советы, в каком направлении копать?

Сайт: http://abzia.ru
Пример подсказок: http://abzia.ru/tooltip

мало шансов, что помогут по скринам и кодам.
выкладывайте сайт на сервак, пример с работающими подсказками - тоже, ссылки на страницы - сюда.
тогда будет шанс.

мало шансов, что помогут по скринам и кодам.
выкладывайте сайт на сервак, пример с работающими подсказками - тоже, ссылки на страницы - сюда.
тогда будет шанс.

Сайт: http://abzia.ru
Пример: http://abzia.ru/tooltip

да работает скрипт.
но, во-первых, уберите


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

ещё пропустил

дописать в CSS

скрипт работает когда он отдельно лежит. А когда подключаешь к Joomla, нет.

да работает скрипт.
но, во-первых, уберите

Код

Загрузка <script> с источником «http://abzia.ru/ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js» не удалась. 

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

Код

.dummy-menu ul li {
    width: 150px;
}

исправли ошибку, дописал нужные строки, но пока без изменений 

хыхы.
можете месяц подождать, или просто ctrl+f5 нажать.
состаритесь зазря, если кэш браузера не научитесь обновлять. 

хыхы.
можете месяц подождать, или просто ctrl+f5 нажать.
состаритесь зазря, если кэш браузера не научитесь обновлять. 

хах. у меня болезнь такая, забываю чистить кеш!  Не могу с этим бороться! 
Сейчас уберу размер, и погляжу как будет выглядеть спасибо большое. Добавлю в карму как только наберу 20 сообщений!

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

ну так размер шрифта + семейство шрифта
зачем вам консоль браузера? лезете, смотрите и меняете