Как таким образом расположить стрелки в slick slider?
Ситуация такая что контейнер ограничен только с одной стороны, а стрелки как бы в контейнере, как им задать такой отступ чтобы они были в контейнере, + к этому при адаптиве не слипались?
Дополнительно:
а стрелки как бы в контейнере
Я не поняла, они уже в контейнере или нет.
Короче: обертке контейнерную ширину и выравнивание по правому краю.
к этому при адаптиве не слипались
Собственно, отступы это margin или gap.
Без примера кода в песочнице codepen.io не понятно, с чего они у вас слипаются.
Наверно надо кнопки в один блок с заголовком поставить, сам слайдер в другой. Не знаю, как в слике, но в swiper нормально так работает.
Кнопки с заголовком должны быть в контейнере.
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для того чтобы расположить стрелки в slick slider, вам необходимо использовать опции prevArrow и nextArrow при инициализации слайдера. Вот пример кода на PHP, который показывает, как это можно сделать:
$('.slider').slick({ slidesToShow: 3, slidesToScroll: 1, prevArrow: '<button type="button" class="slick-prev">Previous</button>', nextArrow: '<button type="button" class="slick-next">Next</button>', });
В данном примере мы инициализируем слайдер с опцией slidesToShow равной 3, slidesToScroll равной 1 и указываем кнопки "Previous" и "Next" в качестве стрелок для перемещения по слайдам.
Вы можете изменить стили кнопок стрелок, добавив им классы или инлайновые стили. Также можно использовать изображения вместо текста для стрелок, просто поменяв содержимое тегов button на теги img с ссылками на изображения.
Надеюсь, этот ответ поможет вам настроить расположение стрелок в slick slider по вашему желанию. Если у вас возникнут дополнительные вопросы, не стесняйтесь задавать.