슬라이드의 좌우 화살표 모양은 어디에서 바꿔야 할까요?
본문
http://tamjin-eco.com/index.php
메인 중간의 대외협력 슬라이드의
좌우 버튼이 마음에 안들어서 바꿀려고 하는데
어디에서 바꿔야 할지 찾지를 못해서 질문드려요!!
<i class="fa fa-long-arrow-left" aria-hidden="true"></i>
<i class="fa fa-long-arrow-right" aria-hidden="true"></i>
이 부분이 메인페이지 소스에는 없는데 슬라이드가 활성화 되면서 나와요.
fa-long-arrow를 일반적인 화살표로 바꾸고 싶은데 어딜 손대야 할지 ㅠ ㅠ
답변 2
http://tamjin-eco.com/js02/main.js
여기 들가면...
있어요...
/*====================================
Blog Slider JS
======================================*/
$(".blog-slider").slick({
autoplay:true,
speed: 700,
autoplaySpeed: 3500,
slidesToShow: 5,
pauseOnHover: true,
dots: false,
arrows:true,
cssEase: 'ease',
speed: 500,
arrows:true,
draggable: true,
prevArrow: '<button class="Prev"><i class="fa fa-long-arrow-left" aria-hidden="true"></i></button>',
nextArrow: '<button class="Next"><i class="fa fa-long-arrow-right" aria-hidden="true"></i></button>',
responsive: [{
breakpoint: 800,
settings: {
arrows:true,
slidesToShow: 2,
}
},
{
breakpoint: 600,
settings: {
arrows:true,
slidesToShow: 1,
}
},
{
breakpoint: 350,
settings: {
arrows:true,
slidesToShow: 1,
}
},
]
});
https://fontawesome.com/v5.15/icons?d=gallery&p=2
여기서 원하는 아이콘을 찾으신 후에 Starting Using This Icon 버튼을 누르시면
<i class="아이콘 class 명"></i>과 같은 코드가 나옵니다. 해당 화살표 <i> ~</i> 부분과 바꿔주시면 됩니다.
답변을 작성하시기 전에 로그인 해주세요.