Question

我正在尝试在我的类别侧边栏中为我正在构建的wordpress网站添加一个箭头到我的活动链接的左侧。

我已经把它放在了css中，因为它表现得像我喜欢它，我添加了一个小的颜色变化，所以我知道它运作良好。

我试图用一个小的.png文件添加一个背景图片，并尝试了各种CSS样式来获得它我想要的方式，但我甚至没有运气，甚至显示图像。

如果我不能使用背景图片，我可以使用“➤”等字符，也许我可能会遗漏一些东西。

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

以上我的网址将直接转到您想要查看的页面以及侧栏上已突出显示的链接。

以下是使其处于活动状态的css：

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

希望这是足够的信息提供，然后再问我。

此致

Answer 1

你可以通过css和font awesome实现这一点。首先为您的项目添加字体真棒。您也可以使用unicode 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");

箭头活动链接

1 个答案: