Форум русской поддержки Joomla!® CMS
05.12.2016, 02:23:43 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

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

 (Прочитано 129 раз)
0 Пользователей и 1 Гость смотрят эту тему.
slepoy
Завсегдатай
*****

Репутация: +21/-0
Offline Offline

Сообщений: 703


Тотальная шизофазия


« : 20.07.2016, 22: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
*****

Репутация: +727/-3
Offline Offline

Пол: Мужской
Сообщений: 6667


Рисую дизайны


« Ответ #1 : 20.07.2016, 22:12:12 »

font-size:0;
Записан
slepoy
Завсегдатай
*****

Репутация: +21/-0
Offline Offline

Сообщений: 703


Тотальная шизофазия


« Ответ #2 : 20.07.2016, 22:14:07 »

Shustry, к сожалению, иконка, являющаяся элементом шрифта, тоже скрывается.

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

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

Спасибо.
« Последнее редактирование: 20.07.2016, 22:59:55 от slepoy » Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet