Как обновить версию Font Awesome в кнопках Slick Carrousel? - PullRequest
Новая
       16

Как обновить версию Font Awesome в кнопках Slick Carrousel?

0 голосов
/ 02 мая 2019

Я работаю в каком-то проекте 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: 

<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>

В Font Awesome 4 кнопки работают, но в версии 5 нет. Если кто-нибудь знает, как это исправить, я буду очень признателен.

...