change arrow slick slider

This topic has 5 replies, 2 voices, and was last updated 3 years, 4 months ago by Tom.

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts

May 10, 2020 at 11:41 am #15458

Participant

hello, I wanted to know how I can replace the arrows (slick slider) by an inline svg html code to have the style I want and avoid making a query like fontawesome. Please.

May 12, 2020 at 4:58 pm #15508

Tom

Keymaster

Hi there,

Try this:

add_filter( 'wpsp_carousel_args', function( $args ) {
    $args['prevArrow'] = '<button type="button" class="slick-prev pull-left">YOUR SVG HTML HERE</button>';
    $args['nextArrow'] = '<button type="button" class="slick-next pull-right">YOUR SVG HTML HERE</button>';

    return $args;
} );

Let me know 🙂

May 13, 2020 at 4:15 am #15521

Alexis

Participant

yes perfect thanks. But I have another bug on the tablet : I have two posts instead of one. But I did put one (“Posts to show =>1”). And it’s no on mobile and desktop. Why ?

May 13, 2020 at 5:19 pm #15547

Tom

Keymaster

You could try this:

add_filter( 'wpsp_carousel_args', function( $args ) {
    $args['responsive'] = array(
        array(
            'breakpoint' => 1024,
            'settings' => array(
                'slidesToShow' => 2,
                'slidesToScroll' => 2,
            ),
        ),
        array(
            'breakpoint' => 768,
            'settings' => array(
                'slidesToShow' => 1,
                'slidesToScroll' => 1,
            ),
        )
    );

    return $args;
} );

May 14, 2020 at 5:55 am #15575

Alexis

Participant

Perfect thanks!

May 14, 2020 at 8:21 pm #15584

Tom

Keymaster

No problem 🙂

Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

[Resolved] change arrow slick slider