애니빌드.LAB
토론방
소스관련 슬라이드 이미지의 화살표 스타일을 수정 하고싶습니다.
- f**tnessw
- 2017-10-24 17:55:50
- hit3052
- http://lab.anybuild.co.kr/bbs/qna/6880
이미지에 그려드린 것처럼 화살표의 스타일을 수정하고 싶습니다. 가능할까요?
게시글 공유
URL복사
댓글작성
열기 닫기
열기 닫기
고급자용 소스수정에서 다음 부분을 수정해주세요.
<style>
@font-face {
font-family: 'icomoon_slider';
src: url('/img_up/shop_pds/aramfarm/design/icomoon_slider/icomoon.eot');
src: url('/img_up/shop_pds/aramfarm/design/icomoon_slider/icomoon.eot?#iefix') format('embedded-opentype'),
url('/img_up/shop_pds/aramfarm/design/icomoon_slider/icomoon.woff') format('woff'),
url('/img_up/shop_pds/aramfarm/design/icomoon_slider/icomoon.ttf') format('truetype'),
url('/img_up/shop_pds/aramfarm/design/icomoon_slider/icomoon.svg#icomoon_slider') format('svg');
font-weight: normal;
font-style: normal;
}
.pm-board_slide_responsive__53050*_ {{$slideWidth} margin:0 auto;}
.pm-board_slide_responsive__53050*_ a {border:none; text-decoration:none;}
.pm-board_slide_responsive__53050*_ a img {border:none;}
.pm-board_slide_responsive__53050*_ .item {position:relative;}
.pm-board_slide_responsive__53050*_ .owl-nav {-webkit-tap-highlight-color:transparent;}
.pm-board_slide_responsive__53050*_ .owl-nav [class*='owl-'] {
position:absolute; top:50%; z-index:2; width:40px; height:40px; line-height:40px; margin-top:-20px;
font-size:0; cursor:pointer; opacity:0.7;
}
.pm-board_slide_responsive__53050*_ .owl-nav [class*='owl-']:before{font-family:'icomoon_slider'; font-size:40px; font-weight:bold; color:{$navColor};}
.pm-board_slide_responsive__53050*_ .owl-nav [class*='owl-']:hover {opacity:1;}
.pm-board_slide_responsive__53050*_ .owl-nav .owl-prev {left:5px;}
.pm-board_slide_responsive__53050*_ .owl-nav .owl-next {right:5px;}
.pm-board_slide_responsive__53050*_ .owl-nav .owl-prev:before {content:'\e600';}
.pm-board_slide_responsive__53050*_ .owl-nav .owl-next:before {content:'\e601';}
.pm-board_slide_responsive__53050*_ .owl-nav .disabled {opacity:0.5; cursor:default;}
.pm-board_slide_responsive__53050*_ .owl-dots {position:absolute; left:0; width:100%; height:30px; padding:10px; font-size:0; box-sizing:border-box; {$dotPosition}}
.pm-board_slide_responsive__53050*_ .owl-dots .owl-dot {display:inline-block; zoom:1; *display:inline;}
.pm-board_slide_responsive__53050*_ .owl-dots .owl-dot span {
display:block; width:10px; height:10px; margin:0 4px;
background:{$dotColor}; border-radius:30px;
-webkit-backface-visibility:visible;
-webkit-transition:opacity 200ms ease;
-moz-transition:opacity 200ms ease;
-ms-transition:opacity 200ms ease;
-o-transition:opacity 200ms ease;
transition:opacity 200ms ease;
}
.pm-board_slide_responsive__53050*_ .owl-dots .owl-dot.active span,
.pm-board_slide_responsive__53050*_ .owl-dots .owl-dot:hover span {background:{$dotOver};}
</style>