Позвольте мне только извиниться перед своим невежеством; Я никогда не видел 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"; }