Question

我正在某个Drupal项目中使用过时的主题作为基础，并且我将Font Awesome更新为版本5。我更新了各个图标设置（只是将“ fa”的错字更改为“ fas”），其工作方式类似于很有魅力，但是我在网站上安装的模块遇到了问题。

前段时间，我使用相同的插件解决了此类问题，但目前我真的不知道该怎么做。我是Drupal CMS的新手。

这是要用箭头修饰的CSS文件以进行更新：

.block-breaking-news .slick__arrow {
  position: absolute;
  right: 0;
  top: 10px;
}
.slick__arrow button {
  background: none;
  border: 1px solid #555;
  padding: 0;
  width: 30px;
  height: 30px;
  position: relative;
}
.slick__arrow button:after {
  position: absolute;
  top: 5px;
  left: 12px;
  color: #fff;
  font-size: 20px;
  line-height: 1;
}
.slick__arrow button:after:hover {
  color: #eb4735;
}
.slick__arrow button.slick-prev:after {
  content: "\f104";
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
}
.slick__arrow button.slick-next:after {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
}

这是模块中的自定义按钮选项，可用作Slick carrousel中的prev-next：

<button class="slick-prev" type="button" data-role="none" aria-label="Previous" tabindex="0" role="button">&nbsp;</button>

<button type="button" data-role="none" class="slick-next" aria-label="Next" tabindex="0" role="button">&nbsp;</button>

在“真棒字体4”中，按钮有效，而在版本5中，则无效。如果有人知道如何解决该问题，我将不胜感激。

如何在Slick Carrousel按钮中更新Font Awesome版本？

0 个答案: