Добавление новой социальной сети в виджет socmed через PHP — неверный значок
Позвольте мне заранее извиниться за мое невежество; Я никогда не видел PHP близко и я действительно новичок в мире 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";
}
Другие решения
Других решений пока нет …