[Resolved] change arrow slick slider

Please login to receive premium support.

Support for the free plugin can be found here.

Home Forums Pro Support change arrow slick slider

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #15458
    Alexis
    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.

    #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 🙂

    #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 ?

    • This reply was modified 3 weeks ago by Alexis.
    #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;
    } );
    #15575
    Alexis
    Participant

    Perfect thanks!

    #15584
    Tom
    Keymaster

    No problem 🙂

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.