내 flexslider 아래에 많은 공백이있어 제거 방법을 모르겠습니다. 나는 CSS를 가지고 놀았지만 "반응하는"행동을 깨지 않으면 서 아무런 효과가없는 것으로 보인다. 어떤 도움이 크게 aprpeciated입니다.Flexslider 슬라이더 아래에 거대한 공백 추가
감사합니다 ...
사이트는 여기에서 볼 수있다, 헤드 태그에있는 모든 코드 ". flexslider" http://destinjustlisted.com/new/
귀하의 사업부 여러 가지가 다운로드의 일부인 flexslider.css에서 해당 클래스에 대해 설정됩니다. CSS 속성 중 하나는 "여백"입니다. 거기에 세 개의 값이 표시됩니다.
margin: 0 0 60px;
이 속성의 형식을 잘 알고 있다면 나도 몰라,하지만 당신은 4 설정을 가지고 때 여백, 테두리, 또는 패딩으로, CSS에서 일반적이다 (모든 : 그것은 다음과 같습니다 그 중 4면이 있음). 위쪽, 오른쪽, 아래쪽, 왼쪽 (12시 방향부터 시계 다이얼을 돌리는 것처럼)을 나타내는 최대 4 개의 값을 가질 수 있습니다. 따라서, 예를 들어 :
padding: 0 1px 0 2px;
은 상단과 하단에 패딩을주지 않았하지만, 오른쪽에 1 개 픽셀과 왼쪽에 2 개 픽셀.
flexslider CSS의 하단에는 60 픽셀의 여백이 있습니다. 따라서 슬라이드 쇼의 위치를 시각적으로 표현하거나 특정 슬라이드를 선택하려는 경우 탐색 버튼을위한 공간이 남습니다. 불행히도 플러그인을 설정할 때 "controlNav"속성을 "false"로 설정하면 해당 "버튼"을 표시하지 않으려는 경우 컨트롤 아래의 큰 빈 영역으로 끝납니다. 해당 속성을 다음으로 설정 한 경우 :
margin: 0;
모든 문제가 해결됩니다.
이미지의 크기가 다른 경우 (특히 높이) Flexslider 컨테이너의 높이가 가장 높은 이미지로 표시됩니다. 이로 인해 보게 될 차이가 생길 수 있습니다.
이것이 원인 인 경우 모두 이미지의 높이와 너비가 동일하도록 이미지 크기를 조정하십시오.