인프런 커뮤니티 질문&답변

d111님의 프로필 이미지
d111

작성한 질문수

반응형 웹사이트 포트폴리오(Architecture Agency)

PC 레이아웃 섹션 상세 퍼블리싱(Project Section) - #06(Slick.js 이미지 슬라이더)

슬릭 슬라이더 dots 보이게 하는 방법 질문 드립니다

작성

·

121

1

오른쪽 사진 밑에 슬릭 dots 보이게 하고 싶은데 어떻게하면 될까요?

같은 질문과 답변을 보았지만 해결이 안되어서 다시 질문드려요~

위에 history는 dots 보이는데

밑에 project photo 부분은 dots가 안보여요

 

히스토리에서 했던 것 처럼

.history-slider .slick-arrow{
  display: none !important;
}
.history-slider .slick-dots li button:before{
  color: #fff;
  font-size: 40px;
}
.history-slider .slick-dots li {
  margin: 0;
}

이런 것 해줘야하나요?

 

 

강의 중 섹션 9 - PC 레이아웃 섹션 상세 퍼블리싱(Project Section) - #06(Slick.js 이미지 슬라이더) 마지막 파트입니다

 

답변 1

1

d111님의 프로필 이미지
d111
질문자

.project-photo .slick-dots{
  bottom: 30px;
}
.project-photo .slick-dots li button:before{
  color: #fff;
  font-size: 40px;
}
.project-photo .slick-dots li {
  margin: 0;
}

이렇게 넣으니까 생겼어요! 감사합니다

d111님의 프로필 이미지
d111

작성한 질문수

질문하기