• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    해결됨

캐러셀 arrow 위치 질문

23.11.26 15:29 작성 조회수 211

0

다음 부분과 같이 아주 작게 이상한 위치에 나오는데 이를 옮기는 방법을 알고 싶습니다

답변 1

답변을 작성해보세요.

0

안녕하세요! 성오님!

현재 코드가 없는 상황이므로, 그림만 가지고 추론을 해본다면 캐러셀이 담긴 블록이 한줄 전체를 차지하고 있는 것 같아요!
이러한 이유에서 맨 오른쪽에 화살표가 붙은 것으로 추측이 됩니다!

따라서, 캐러셀을 담고 있는 전체의 가로 사이즈를 조정해 보세요!

 

만약, 이것으로 해결되지 않는다면, .slick-prev, .slick-next 등의 클래스 이름을 활용하여 이전화살표와 다음화살표의 css를 조정해 보실 수 있어요!

const StyledSlider = styled(Slider)`
  .slick-prev {
    // 이전화살표
  },
  .slick-next {
    // 다음화살표
  }`;