[Resolved] Removing Dots on Carousel in Place of Arrows?

Please login to receive premium support.

Support for the free plugin can be found here.

Home Forums Pro Support Removing Dots on Carousel in Place of Arrows?

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #17738
    Andres
    Participant

    Hi Tom

    I went ahead and ditched the idea of having a posts carousel with photos that opened in a lightbox image gallery populated with photos that were in the body of a post. It’s an unnecessary complication. Instead, I converted it to a “Recent Weddings” carousel.

    Question: is it possible to remove the dots under the carousel and instead have the arrows-overlay function? On mobile, the padding above and below the dots take up quite a bit of space and looks odd.

    The carousel is just under the heading: Recent Costa Rica Weddings.

    * After you read this message, could you please delete the URL? Thank you.

    Thank you, Tom. Have a good one.

    Andrés

    #17755
    Tom
    Keymaster

    Hi there,

    This function should help:

    add_filter( 'wpsp_carousel_args', function( $args ) {
        $args['arrows'] = true;
        $args['dots'] = false;
    
        return $args;
    } );

    Then add this CSS:

    .wp-show-posts .slick-next:before, 
    .wp-show-posts .slick-prev:before {
        color: black;
    }
    
    .wp-show-posts .slick-arrow {
        z-index: 500;
    }
    
    .wp-show-posts .slick-prev {
        left: 0;
    }
    
    .wp-show-posts .slick-next {
        right: 0;
    }

    Let me know 🙂

    #17761
    Andres
    Participant

    Hi Tom

    You rock!

    I wish I knew 10% of what you do about this.

    Thank you very much.

    Cheers!

    Andrés

    #17786
    Tom
    Keymaster

    Glad I could help! 🙂

    #17813
    Andres
    Participant

    Hi Leo,

    Thanks.

    I had a question regarding styling as explained in another support topic to ask, so I’ll start another topic.

    Have a good afternoon.

    Regards,

    Andrés

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