@Julie -当然这是可能的。我将尽快处理代码并让您知道。

真是个好消息!谢谢韦斯。

@Julie,

我忽略了这一点，但请确保将'ninja_eyes.png'更改为您的图像名称。应该是这样的。

@Wes

谢谢你的帖子!我也将使用您的代码!

在测试时，如果没有图标，我的分类是两个交叉的。一旦我添加了图标，他们是一个类别横跨(并占用整个宽度)。

有没有办法让它们不占满整个宽度?

嗨@Andrea。你能告诉我你的图标的大小，因为它们可能会迫使宽度改变。

韦斯，我知道我们一直这么说，所以我相信你已经厌倦了....但你太棒了!：)

你想张贴这个作为一个提示吗?

谢谢@Wes。我共享的屏幕上有较大的图标，所以我将它们全部更改为较小的32像素图标，结果相同:

@Wes……想通了!一旦我删除了原始代码(我还没有从代码行中删除它，但是....oops)，它就会自己整理好，现在看起来就像我预期的那样!

@Andrea -太棒了，很高兴听到你把所有事情都解决了。如果你在这个过程中遇到了其他问题，请告诉我。祝你好运。

@Wes特鲁里街

嗨，韦斯，我用的字体太棒了!任何帮助将不胜感激!：)

嗨,穆斯塔法,

如果你想使用font-awesome，我认为像这样的东西可能会奏效:

1)加载font-awesome库在你的HC /文档标题页，例如，你可以这样做:

<！——font awesome ->

2)在你的主页模板中引用你的分类列表下的图标，就像Wes已经展示的那样，然后切换你的img来引用图标

{{#是名称'Betalning'}}

{{/}}
{{#是名称'Teknisk support'}}

{{/}}

结果如下所示。然后，如果你想改变间距或图标的位置，只需相应地调整你的CSS。

嗨，韦斯·德鲁里，

我在JS中粘贴了上面的代码(并修改了它以匹配我们的HC/资产)，但当我点击“预览”时什么也没有出现。我做错了什么?

谢谢你！

@Jennifer上面的代码需要进入你的HTML主页。不应该有任何代码通过JS。你是在上面代码中使用像Joel这样的字体Awesome图标，还是使用上传到你的资产区域的图像?

这太棒了!使用字体Awesome图标与我的类别，但我想知道是否有机会使用像ID而不是类别名称{{#是名称'免费主题'}}。获得了多种语言，当添加新语言时，将会有很多复制/粘贴管理。

@Jonas -如果你有多种语言，那么你必须使用“id”而不是“name”。您可以在URL中找到id，当您单击一个类别。

{{#is id 5678934532}}

@Wes Drury，太棒了。好好工作，谢谢!

@Jonas -很高兴听到如果你有任何进一步的问题，请告诉我。

@Wes，谢谢你的代码。无论如何，这可以修改为整个链接的工作，而不是只是一个图标框内?我想让矩形PNG成为唯一没有额外宽边框的东西。

我现在从两列变成了一列，我也希望能回到原来的样子。

任何帮助将不胜感激!

@Rob -你能给我发一张截图吗，因为我不确定你到底在问什么。

一张图片胜过千言万语，不是吗?我希望类别名称和方框一起消失。

@Rob -明白了，所以去掉{{name}}大括号，他们就会去掉名字。要去掉这个框，你需要编辑CSS文件。

在CSS选项卡中找到。blocks-item

然后去掉边境：1px solid #0072ef;

然后你应该只剩下可链接的图像。

太棒了。

我的下一个问题是，我可以使类别链接重定向到不同的页面吗?(使图像充当超链接)。

右上方的图像应该是用户创建门票的快捷方式，而不是点击右上角的文本。

@Rob -是的，你也可以用curlybar框架做到这一点。我有一些代码类似< a href = "https://gist.github.com/moderatorwes/91116a07973a53ae5b5ccefae4f555b0" target="_blank" rel="nofollow noreferrer">GitHub页面< / >．

它可能需要在您的代码中进行一些修改，但应该非常简单。可能只需要在{{is}}语句下为该块添加一个href行。

@Wes

当我去掉名字时，它的外观就发生了巨大的变化。这是我的代码，哪一行你引用删除?

@Rob -第56行和57行应该被删除。我删除了默认主题上的那些线条，它不会以任何方式影响框。

@Wes回到Curlybar框架，我试着在第45行添加一个href，这是你的意思吗?对不起，我是一个新手，但我很感激你的帮助，使我们的网站特别??

@Rob -不认为上面的解决方案会起作用。你能复制粘贴代码，显示在这里的截图，所以我可以得到它，并修改它为你。