Arrow Активная ссылка

Question

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

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

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

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

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

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

Вот CSS, что делает этот актив:

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

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

С уважением

Answer 1

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

.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");