Не отображаются фоновые иконки на псевдоэлементах?

Question

[ajlee4]

Все иконки которые висят на фоне на псевдоэлементах не отображаются в wordpresse,подскажите как можно решить данную проблему?

Comments

[Андрей]

в этом случае иконка отображается проблема в другом явно. вам нужно привести пример

[ajlee4]

Андрей, в верстке у меня все корректно отображается,переношу на вордпресс, в консоли
Failed to load resource: the server responded with a status of 404 (Not Found)

[Максим Тимофеев]

для тех кто код вставляет картинкой есть отдельный котел в аду


В консоль загляните, наверняка там есть ответ на Ваш вопрос

[Андрей]

ajlee4, дак вы и ответили на свой вопрос. картинки нет или находится по другому адресу

Answer 1

[Виталий Киренков]

Задайте `display: block` псевдоэлементу и будет счастье

Comments

[ajlee4]

Спасибо эксперт.
В верстке у меня все корректно отображается. В wordpresse выдает ошибку 404. Иконки висят на псевдоэлементах в навигации меню. А меня сделано динамическое в wp там свои стили. Я думаю проблема в путях,но не знаю как изменить путь в этом случае.

[Виталий Киренков]

Вы думаете, что проблема в путях или уверены? Это проверяется элементарно в инспекторе...

[Dymok]

ajlee4, в DevTools смотри по какому пути пытается загрузить и успешно ли, дальше от этого

Answer 2

[Игорь Воротнёв]

Вам же прямым текстом говорят - 404, файл не найден. То есть, проблема в путях. В инструментах разработчика посмотрите, какой полный URL получился у этих картинок, и соотнесите его с тем, который должен быть. Потом подкорректируйте в CSS путь.

ЗЫ: Относительный путь (../ и тд) будет считаться от места, где находится итоговый CSS-файл c вашими стилями. Если это главный файл стилей темы, то он будет в корне папки темы, и с помощью ../ вы выходите из папки темы вообще. Возможно дело в этом.