padding between slides / replacing arrows

Quick update: I’ve managed to get a fine white line between the slides. Looks as desired:

.slick-slide img {
border-left: 2px solid #fff;
}

No luck regarding the arrows though. And I was wondering if it was possible to add the image’s description in a second line underneath the title?

Hi @floridante,

1. Is there a possibility to add padding between the slides?

   There are several ways to achieve this and the one you choosed seems to be a good one.

2. Would it be possible to replace the arrows with icons from Font Awesome?

   As you can imagine, this question is not exactly related to this plugin because it’s just a “WordPress wrapper” for the slick jQuery plugin. Your question is more about how to apply CSS to the slider. So please be aware that the amount of support I can provide on this kind of questions is limited. https://gist.github.com/omurphy27/a4736e58520a8d6d2006 should be everything you need to get started.

3. I was wondering if it was possible to add the image’s description in a second line underneath the title?

   Add the following snippet to your functions.php:

   add_filter( 'slick_slider_caption_html', function( $caption_text, $id, $post_id, $slick_instance ) {
   	$description  = apply_filters( 'the_content', get_post_field( 'post_content', $id ) );
   	if ( ! empty( $description ) ) :
   		$caption_text = sprintf(
   			'%s <br />%s',
   			$caption_text,
   			$description
   		);
   	endif;
   	return $caption_text;
   }, 10, 4 );

The addition to the functions.php works perfectly fine, thank you very much! To be honest I wasn’t aware at all that replacing the icons wasn’t exactly related to the plugin, otherwise I wouldn’t have bothered you with my request. But thanks for the link anyway. I’ll try to understand the approach and will see how far it will get me.

Hi @floridante,
did you managed to replace the arrows? I’d really like to see this thread resolved.

Thanks!

Hi Philipp,
no, unfortunately I didn’t manage to replace the arrows and gave up for the time being.