Slick – Custom Arrow Navigation

jQuery(function($){

	// Slick
	$('.home .featured-posts .slick-slider').slick({
		arrows: false,
	});

	// Custom carousel nav
	$('.carousel-prev').click(function(){ 
		$(this).parent().find('.slick-slider').slick('slickPrev');
	} );
	
	$('.carousel-next').click(function(e){
		e.preventDefault(); 
		$(this).parent().find('.slick-slider').slick('slickNext');
	} );
});
<div class="slick-container">
	<div class="slick-slider">[slides go here]</div>
	<button class="carousel-nav carousel-prev"><?php echo ea_icon( 'previous' );?></button>
	<button class="carousel-nav carousel-next"><?php echo ea_icon( 'next' ); ?></button>
</div>
Bill Erickson

Bill Erickson is a freelance WordPress developer and a contributing developer to the Genesis framework. For the past 14 years he has worked with attorneys, publishers, corporations, and non-profits, building custom websites tailored to their needs and goals.

Ready to upgrade your website?

I build custom WordPress websites that look great and are easy to manage.

Let's Talk