css: Скрыть текст пункта меню, но отобразить иконку

  • 2 Ответов
  • 275 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

*

Оффлайн slepoy

  • *****
  • 713
  • [+]21 / [-]0
  • Тотальная шизофазия
    • Просмотр профиля
    • Страна Крови
Здравствуйте.

Имеется пункт меню с текстом "Магазин" и иконкой "fa fa-shopping-cart" (из Font Awesome). Для пункта был добавлен класс "hide" в настройках пункта меню Link CSS Style.

Каким образом можно скрыть текст "Магазин", но отобразить иконку "fa fa-shopping-cart"?

Цитировать
<li itemprop="name" data-id="293" data-level="1" data-xicon="fa fa-shopping-cart">
<a itemprop="url" class="hide" href="#"><span class="fa fa-shopping-cart"></span>Магазин</a>
</li>

Спасибо.
Помог? Поставь(те) плюс в репутацию.

*

Оффлайн Shustry

  • *****
  • 6707
  • [+]736 / [-]3
  • Пол: Мужской
  • Рисую дизайны
    • Просмотр профиля
    • Примеры работ
Бесплатно консультирую по дизайну и вёрстке (только в icq и личку сердечно прошу не стучать). Платно делаю дизайн, вёрстку и темплейты для Joomla. Работаю только за деньги. За большие. И долго. Но качественно.
---------------------------------------------------------
xmpp:joomla@conference.jabber.ru - наша конфа!

*

Оффлайн slepoy

  • *****
  • 713
  • [+]21 / [-]0
  • Тотальная шизофазия
    • Просмотр профиля
    • Страна Крови
Shustry, к сожалению, иконка, являющаяся элементом шрифта, тоже скрывается.

Обновлено. Так сработало:
Цитировать
.hide{font-size: 0;}

a.hide span {
font-size: 16px;
vertical-align: middle;
}

Спасибо.
« Последнее редактирование: 20.07.2016, 23:59:55 от slepoy »
Помог? Поставь(те) плюс в репутацию.