<script type="text/javascript">
jQuery(document).ready(function () {
jQuery('.multiples').slick({
infinite: true,
slidesToShow: 4,
slidesToScroll: 1,
arrows:true,
prevArrow: '<i class="fa fa-angle-left prev1"></i>',
nextArrow: '<i class="fa fa-angle-right next1"></i>',
// autoplay: true,
// autoplaySpeed: 2000,
//
});
});
</script>
.prev1
{
color: Black; /* top: 50%; */ /* margin-top: -56px; */
position: absolute;
z-index: 9;
font-size: 26px;
height: 25px;
width: 25px;
border-radius: 10px; /* box-shadow: 1px 2px 10px -1px rgba(0,0,0,.3); */
background-color: Black;
color: White; /* padding: 1px; */ /* padding-top: 11px; */ /* margin-right: -9px; */
margin: -39px; /* margin-right: 44px; */
margin-left: 832px;
margin-top: -46px;
}
.next1
{
/* margin: 10px; */
margin-top: -256px;
margin-left: 861px; /* margin-right: 34px; */ /* margin: 0px; */ /* margin-bottom: 12px; */
color: white;
height: 25px;
background-color: black;
width: 25px;
font-size: 26px;
z-index: 9px;
border-radius: 10px;
this one is too simple only i have use some techq and able to do it...