WordPress Engima theme- удаление социальных медиа значок

Question

Я хочу, чтобы удалить только значок Instagram с моей страницы

image of icons before putting code in child theme

, но когда я ставлю этот код в детской теме Engima (style.css)

.social li.facebook { 
display: none 
     } 

Он также удалит значок facebook.

image of icons after putting code in child theme

Оба имеют то же имя класса в теме

<li class="facebook" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Facebook"><a href="#"><i class="fa fa-facebook"></i></a> 

<li class="facebook" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="instagram"><a href="#"><i class="fa fa-instagram"></i></a> 

Answer 1

Вы должны изменить класс Instagram логотипа Instagram. Затем используйте этот CSS код:

.social li.instagram { 
    display: none; 
} 

Если вы не хотите, чтобы изменить имя класса (который я не рекомендую), вы можете использовать:

.social li.facebook:nth-child(2) { 
    display:none; 
} 

Answer 2

Вы не должны использовать любой CSS для удаления значка. Тема проверяет, установлено ли значение для социальной сети в параметрах темы, и если это так, тема отобразит этот значок. Если опция пуста, тема не отображает этот значок.

Выполните следующие шаги, чтобы изменить тему Параметры

1. Вход в админку
2. Перейдите к Внешний вид> Настройка в левой боковой панели
3. Expand Theme Options в левой боковой панели
4. Открыть Социальные параметры на левой боковой панели
5. Выделите поле instragram и удалить любой текст в текстовом поле так , что он пустой
6. После того, как вы сделали с вашими изменениями нажмите на синюю Сохранить и опубликовать кнопки в верхней части меню боковой панели.

Это проверено на тему Enigma 2.4.2