Иконки на сайте.

ЕСТЬ РЕШЕНИЕ
#16 20 октября 2021 в 14:54

из меню действий

gari

Самый простой способ, чтобы не лазить по куче файлов и не править код шаблона, просто скрыть эти иконки стилями.

Повесить на «Все страницы» скрытый виджет «Текст HTML» с таким кодом, написанным в «Опции»

  1. <style>.dropdown-menu .nav-item .nav-link .icms-svg-icon {display: none !important;}</style>
#17 20 октября 2021 в 22:28

Повесить на «Все страницы» скрытый виджет «Текст HTML» с таким кодом, написанным в «Опции»

Ris

Так во всех .dropdown-menu скроется. Если нужно в конкретном, можно использовать правило с селектором родителя, смежный селектор и т.д. Или самому списку меню назначить селектор (в настройках виджета «Меню» есть соответствующая опция). Пример для сайта, на котором находимся, со смежным селектором (скроет иконки в меню действий):

  1. .breadcrumb + .dropdown li svg {
  2. display: none;
  3. }
#18 21 октября 2021 в 00:38

из меню действий

gari

Самый простой способ, чтобы не лазить по куче файлов и не править код шаблона, просто скрыть эти иконки стилями.

Повесить на «Все страницы» скрытый виджет «Текст HTML» с таким кодом, написанным в «Опции»

  1. <style>.dropdown-menu .nav-item .nav-link .icms-svg-icon {display: none !important;}</style>
Ris

Огромное спасибо за данное решение, все получилось!!! Вопрос снят..

#19 21 октября 2021 в 11:38

 Ris, подскажите еще, пожалуйста одну вещь: данный код применяется только для dropdown-menu, но если я делаю обыкновенное меню, то иконки опять появляются! Как сделать, чтобы и в обыкновенном меню действий этих иконок не было ( скриншот прилагаю )

Прикрепленный файл
screenshot-2021-10-21.zip 4 Кб
#20 21 октября 2021 в 14:32

Как сделать, чтобы и в обыкновенном меню действий этих иконок не было ( скриншот прилагаю )

gari

Собственно, если надо что-то скрыть, самый простой метод — выяснить имя элемента и написать ему display: none;

Чтобы выяснить имя элемента, нужно ткнуть в него правой кнопкой мыши, вылезет контекстное меню браузера, в нем нажать «Посмотреть код» (это для хрома, в фаерфоксе, вроде «исследовать элемент или что-то подобное») и посмотреть сам элемент и его вложенность.

Изображение

Из открывшейся информации видно, что элемент svg можно скрыть так:

  1. .navbar-nav li a svg {display: none !important;}

Этот стиль надо добавить в тот же, уже созданный виджет.

Соответственно, во всех меню все значки показываться не будут.

Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.