-
카테고리
-
세부 분야
프론트엔드
-
해결 여부
해결됨
캐러셀 arrow 위치 질문
23.11.26 15:29 작성 조회수 211
0
다음 부분과 같이 아주 작게 이상한 위치에 나오는데 이를 옮기는 방법을 알고 싶습니다
답변을 작성해보세요.
0
노원두
지식공유자2023.11.27
안녕하세요! 성오님!
현재 코드가 없는 상황이므로, 그림만 가지고 추론을 해본다면 캐러셀이 담긴 블록이 한줄 전체를 차지하고 있는 것 같아요!
이러한 이유에서 맨 오른쪽에 화살표가 붙은 것으로 추측이 됩니다!
따라서, 캐러셀을 담고 있는 전체의 가로 사이즈를 조정해 보세요!
만약, 이것으로 해결되지 않는다면, .slick-prev, .slick-next 등의 클래스 이름을 활용하여 이전화살표와 다음화살표의 css를 조정해 보실 수 있어요!
const StyledSlider = styled(Slider)`
.slick-prev {
// 이전화살표
},
.slick-next {
// 다음화살표
}`;
답변 1