metaslider to replace default slider

  • Resolved taryarlwin

    (@taryarlwin)


    8 years, 2 months ago

    I know how to disable the default slider. But how to add my Metaslider at the place of default slider?

    Metaslider plugin instruction is as follows.

    To display your slideshow, add the following shortcode to your page. If adding the slideshow to your theme files, additionally include the surrounding PHP function.
    <?php echo do_shortcode(‘[metaslider id=”77″]’); ?>

Viewing 1 replies (of 1 total)
  • Thread Starter taryarlwin

    (@taryarlwin)

    8 years, 2 months ago

    Nevermind, already found fading effect css for default slider. I will mark this post as resolved.

    For those who may have same question like me, you can use following css to make fading slider.

    /* START OF Change Slider to Fader */
    /* Make Carousel fade – adapt 2s to required delay */
    .carousel-inner > .czr-item {
    -webkit-transition: opacity 2s ease-in-out ;
    transition: opacity 2s ease-in-out ;
    }
    .carousel-inner > .next.left,
    .carousel-inner > .prev.right {
    opacity: 1;
    z-index: 1;
    left: 0;
    }
    .carousel-inner > .active.left {
    opacity: 0;
    z-index: 2;
    left: 0;
    }
    .carousel-inner > .active.right {
    opacity: 0;
    z-index: 2;
    left: 0;
    }

    /* remove previous/next arrows from home page only */
    .home .carousel-control {
    display: none ;
    }
    /* END OF Change Slider to Fader */

Viewing 1 replies (of 1 total)

The topic ‘metaslider to replace default slider’ is closed to new replies.