Не могу применить :before, что делаю не так?

Question

[Максим]

(ссылку на сайт убрал, чтобы не шёл пустой трафик)
на этой странице в данный момент есть икона (галочка) применена к восклицательному знаку, вот таким кодом
<i class="uk-icon-check">!</i>

на псевдоэлемент :before прописан в css следующий код:

.uk-icon-check:before {
    content: "\f00c";
}

Когда я убираю восклицательный знак, т.е. прописываю код <i class="uk-icon-check"></i>
То пропадает иконка, так как сам код не сохраняется в редакторе, он пропадает, т.е. приходится оставлять хоть какой-то знак, чтобы была иконка, или привязывать иконку к тексту, но тогда иконка наследует стили текста.

Что я делаю не так? Куча сайтов где всё также прописано и всё там работает, а у меня нет.. код не сохраняется.11

Comments

[Elwen]

Если у вас пропадает весь <i class="uk-icon-check"></i>, то проверьте настройки редактора/обработчика. Скорее всего у вас специально указано удаление пустых блоков.

Answer 1

[Максим]

https://yootheme.com/support/question/67584 решение тут, а причина была в том, что джумловский редактор по умолчанию вырезал пустые теги.

Answer 2

[Максим]

на самом деле работает , просто в вашей системе не установлен такой шрифт , обычный кубик вместо этого : codepen.io/Geyan/pen/evRogW?editors=110

Comments

[Максим]

Дело в том, что когда я убираю воскл. знак, то сам код пропадает, мне приходится прописывать его заново и ставить хоть какой то символ между тегами, как бы теги в которых ничего не заключено не сохраняются, вот в чем проблема.. в тоже время я вижу что на других сайтах между тегами ничего нет, только ::before

[Максим]

Maksiklass: тогда уж это пишите &nbsp

[Максим]

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

[Максим]

Maksiklass: всего кода не видно , всего CSS не видно