Добавление новой социальной сети в медиа-виджет через PHP – Неверная иконка, показывающая

Позвольте мне только извиниться перед своим невежеством; Я никогда не видел PHP up-close и действительно новичок в мире WordPress …

Я добавил параметр Pinterest для виджета социальных сетей, используя этот учебник . Добавлена ​​работа, дающая мне новый параметр Pinterest в виджетах. Виджет говорит «Pinterest» на стороне приборной панели и отлично подходит для Pinterest на передней панели.

Проблема заключается в том, что на сайте отображается значок Google+, а не значок Pinterest. Что еще более странно, так это то, что когда вы проверяете элемент, html указывает значок pinterest.png, но, конечно же, показывает значок Google+. Все, что я действительно могу сделать, это почесать голову в этот момент …

Любая помощь будет оценена по достоинству. Я даже не уверен, что мне нужно включить сюда: весь файл php, который я редактировал? ссылка на сайт? Я рад предоставить все, что мне нужно.

Спасибо за помощь, ребята.

Итак, что здесь происходит, так это то, что изображение скрыто в строке 56 main-style.css :

 .social.social__row li.social_li a .social_ico img, .social__list li.social_li a .social_ico img { display:none !important; } 

И значок Google+ добавляется через псевдоэлемент ( :after ), который получает изображение Google+ с символом значка:

 .social.social__row li.social_li:last-child a .social_ico:after, .social__list li.social_li:last-child a .social_ico:after { content:"\f0d5"; } 

Итак, что вам нужно сделать, это добавить другое правило css для вашего значка Pinterest, что-то вроде этого:

 .social.social__row li.social_li a.social_link__pinterest .social_ico img { display: block !important; } .social.social__row li.social_li:last-child a.social_link__pinterest .social_ico:after { display: none; } 

Должен сделать трюк.

ОБНОВИТЬ

Если вы хотите использовать значок Font Awesome Pinterest, удалите две ранее добавленные строки и добавьте следующее:

 .social.social__row li.social_li:last-child a.social_link__pinterest .social_ico:after { content: "\f0d2"; }