Я делаю карусель для проекта и использую Slick.Мне нужны стрелки влево и вправо, чтобы они были внутри самого изображения, но по умолчанию стрелки находятся на стороне изображений.Я могу это сделать, отредактировав файл slick-theme.scss в узлах-модулях напрямую, но когда я пытаюсь создать свой собственный CSS-файл для перезаписи по умолчанию, он не работает.
В slick-theme.scss Я просто изменил следующее, чтобы получить стрелки, где я хочу их:
.slick-next {
right: 10px;
z-index: 1;
И то же самое для .slick-prev
Но мне нужны эти изменения в локальном файле .scssпереопределить это.Вот что я пробовал:
import 'slick-carousel/slick/slick.scss';
import 'slick-carousel/slick/slick-theme.scss';
import styles from './styles.module.scss';
А внутри styles.module.css у меня есть
.slick-prev {
left: 10px;
z-index: 1;
}
.slick-next {
right: 10px;
z-index: 1;
}
Я думал, что те изменения, которые я сделал в моем локальном файле CSS, будут отражены, ноони не.Когда я открываю консоль разработки и осматриваю стрелку, она вообще не видит мои настройки.Примечание. В этом же CSS-файле работают другие настройки, поэтому файл подключен правильно - проблема не в этом.