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

slepoy

  • Завсегдатай
  • 713
  • 21
  • Тотальная шизофазия
css: Скрыть текст пункта меню, но отобразить иконку
« : 20.07.2016, 21:11:19 »
Здравствуйте.

Имеется пункт меню с текстом "Магазин" и иконкой "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
  • 6430
  • 735
  • Рисую дизайны
Re: css: Скрыть текст пункта меню, но отобразить иконку
« Ответ #1 : 20.07.2016, 21:12:12 »
font-size:0;
Записан
Бесплатно консультирую по дизайну и вёрстке (только в личку сердечно прошу не стучать). Платно делаю дизайн, вёрстку и темплейты для Joomla. Работаю только за деньги. За большие. И долго. Но качественно.
---------------------------------------------------------
xmpp:joomla@conference.jabber.ru - наша конфа!
*

slepoy

  • Завсегдатай
  • 713
  • 21
  • Тотальная шизофазия
Re: css: Скрыть текст пункта меню, но отобразить иконку
« Ответ #2 : 20.07.2016, 21:14:07 »
Shustry, к сожалению, иконка, являющаяся элементом шрифта, тоже скрывается.

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

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

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

"Прыгает" меню при загрузке

Автор Svlad

 Ответов: 0
Просмотров: 72 		Последний ответ 15.09.2017, 01:09:01
от Svlad
Изменить высоту модуля меню

Автор kunsaid

 Ответов: 4
Просмотров: 545 		Последний ответ 24.04.2017, 21:45:05
от kunsaid
Выпадающее меню не выпадает при наведении

Автор serg450453

 Ответов: 3
Просмотров: 701 		Последний ответ 13.04.2017, 18:14:09
от TyronNIKO
Верхнее меню мерцает

Автор slepoy

 Ответов: 1
Просмотров: 431 		Последний ответ 23.02.2017, 01:06:36
от dmitry_stas
VMSITE-LTR смещается текст и в категории и в карточке товара

Автор lts

 Ответов: 0
Просмотров: 388 		Последний ответ 17.02.2017, 18:37:55
от lts