Стрелка активная ссылка

Question

Стрелка активная ссылка

Я пытаюсь добавить стрелку к левой стороне моей активной ссылки на боковой панели моих категорий для моего WordPress-сайта, который я строю.

Я уже вставил CSS, чтобы он вел себя так, как мне хотелось бы, я добавил небольшое изменение в цвете, просто чтобы знать, что он работает хорошо.

Я попытался добавить фоновое изображение с небольшим файлом .png и попробовал различные стили CSS, чтобы получить его так, как я хочу, но мне не повезло, даже показывая изображение.

Я открыт для использования символа, такого как «➤» или подобного, если я не могу использовать фоновое изображение, возможно, я что-то упускаю.

http://94.23.211.70/~cewp/product-category/cushions/

Выше мой my URL, который перейдет непосредственно на страницу, которую вы хотите увидеть, вместе со ссылкой, уже выделенной на боковой панели.

Вот CSS, который делает это активным:

.product-categories .current-cat a {
color: #000033;
background-image: url("images/ICONNAMEHERE.png");
}

Надеюсь, этой информации будет достаточно, а потом просто спросите меня.

С уважением

0

css html-lists nav php wordpress

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

Вы можете добиться этого с помощью CSS и шрифта. Сначала добавьте потрясающий шрифт в ваш проект. Вместо этого вы также можете использовать символы Юникода.

.widget_product_categories li { margin-left: 2.5em; }

.widget_product_categories li:before {
display: block;
float: left;
margin-left: -2.5em;
font-family: 'fontawesome';
font-size: 14px;
content: "\f054";
}

если не интересует добавление шрифта классно content:url("images/ICONNAMEHERE.png");

0