강의

멘토링

커뮤니티

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

웹개바르르님의 프로필 이미지
웹개바르르

작성한 질문수

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

메인페이지 레이아웃 모바일 변환 #03(Plan Section)

질문입니다.

해결된 질문

작성

·

238

1

아래 부분보면 slick.js  dots 때문에  content 배경색이 나오는데 왜 저런건가요..?

.plan-feature에  padding: 20px 이렇게 넣어주면  강의 완성본처럼 색이 정상적으로 꽉채워지긴 하는데 왜 그런지 모르겠습니다..

project 섹션에서도 같은 현상이 일어납니다

답변 1

2

slick 슬라이더 css를 보면 .slick-dots 라는 부분이 동그라미 네비게이션입니다.

그건 이미 포지션 속성으로 잡혀 있으니 bottom: 20px 이렇게 해주시면 슬라이더 안쪽으로 들어 옵니다.

그리고 next와 prev를 사용하지 않을거면 .slick-arrow 에  display: none !important; 을 주시면 됩니다.

next와 prev 디자인 변경은 .slick-prev:before 과 .slick-next:before의 content의 내용으로 변경하시면 됩니다.

주말에 제가 새로운 반응형 강의 오픈 준비로 바빠서 답변이 늦었습니다. 이해 부탁드려요~^^

웹개바르르님의 프로필 이미지
웹개바르르

작성한 질문수

질문하기