아바다 Layer Slider Thumbnail 위치 변경

아바다 테마의 메인 기능 중에 하나는 여러가지 슬라이드가 있다는 점입니다.

여러가지의 슬라이드 중에서 요즘 Layer Slider를 많이 이용하게 되는데요.
그 때 슬라이드가 돌아갈 때 썸네일(Thumbnail)이미지가 보이도록 설정하고 그 표시를 항상(Always)으로 바꾸면 썸네일 이미지가 아래로 나타납니다. 이때 바꿀 수 있는 방법 입니다.

아바다 테마의 Layer Slider Thumbnail 위치 변경

아바다 테마의 Layer Slider Thumbnail 이미지가 아래의 이미지와 같이 슬라이드 아래로 보입니다.

layer slider thumnail 위치 변경

이럴 때 크롬으로 개발자 도구를 열어 위치를 확인합니다.

layer slider thumnail 위치 변경

위치를 확인하여 아래의 값을 넣어 보았습니다.
margin-top: -100px;

그럼 이제 이 값을 적용해 보도록 하겠습니다.

알림판 > LayerSlider WP > Skin Editor 이동합니다.

layer slider thumnail_skin_css

오른쪽 상단 Choose a skin: 에서 V5를 선택합니다.

선택하여 skin.css 의 161 번째 줄로 가서 아래와 같이 값을 입력합니다.

layer slider thumnail_skin_css

입력을 하고 난 후에 화면을 확인해 보면 아래와 같이 슬라이드 위로 썸네일이 올라온 것을 확인 할 수 있습니다.

layer slider thumnail 위치 변경

neostyle.kr 사이트 바로가기

Share the Post

About the Author

Comments

No comment yet.


Warning: strpos() expects parameter 1 to be string, array given in /free/home/topshock/html/wp-includes/shortcodes.php on line 190

Warning: preg_match() expects parameter 2 to be string, array given in /free/home/topshock/html/wp-includes/shortcodes.php on line 201
Leave a Reply

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다.

장바구니

  • 장바구니에 상품이 없습니다.

로그인