Новости Joomla

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

slepoy

  • Давно я тут
  • 753
  • 24 / 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

  • Moderator
  • 6434
  • 745 / 3
*

slepoy

  • Давно я тут
  • 753
  • 24 / 0
  • Тотальная шизофазия
Shustry, к сожалению, иконка, являющаяся элементом шрифта, тоже скрывается.

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

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

Спасибо.
« Последнее редактирование: 20.07.2016, 21:59:55 от slepoy »
Помог? Поставь(те) плюс в репутацию.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как отобразить текст только на мобильных, на Пк и планшетах скрыть?

Автор web1

Ответов: 6
Просмотров: 1784
Последний ответ 20.09.2022, 22:14:03
от darkghost
Кликабельность псевдоэлемента в пункте меню

Автор vasilii.pupkov

Ответов: 4
Просмотров: 1630
Последний ответ 29.12.2021, 23:15:38
от v42bis
Выпадающее меню

Автор DrShepard

Ответов: 10
Просмотров: 2201
Последний ответ 20.10.2021, 12:36:16
от DrShepard
Как закруглить края выпадающего меню?

Автор coliandra

Ответов: 1
Просмотров: 834
Последний ответ 11.12.2020, 21:15:57
от effrit
При прокрутке страницы виджет залезает на меню

Автор coliandra

Ответов: 2
Просмотров: 813
Последний ответ 27.11.2020, 11:33:58
от coliandra