php - 箭头事件链接

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

希望这些信息足以提供，然后再问我。

问候

Answer 1

你可以通过 css 和 font awesome 来实现。首先将字体 awesome 添加到您的元素中。您也可以改用 unicode 字符。

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

如果对添加字体 awesome 不感兴趣 content:url("images/ICONNAMEHERE.png");