Gallery Slider Image Not Aligned

Hey kjjtruong,

I just pushed a pretty big update to DM. The gallery slider is completely re-written and uses the WordPress built in gallery shortcode. So you’ll need to use [gallery] instead of [dm-gallery].

If you still have issues after updating, it could be a theme conflict but I’ll see if I can help out.

Thanks!
JP

Hey Justin,

Thanks getting back to me. I should’ve updated you. I fixed my issue with some CSS magic.

But then another issue came up with responsiveness. The bottom 20% of the screenshots were getting cut off depending on the screen size you’re viewing from. I tried updating to the latest build of DM and no luck. Actually, it made things worse. Now the top 20% of the screen was getting cut off and only 2/4 of the slide images were showing up. So i reinstalled the previous version and worked some css magic again. So it’s fixed now.

Got another question though. How do I go about changing the slideshow speed??

Thanks!
Ken

If you’re using any type of page builder or other shortcode plugin, make sure you try 1.5.2 before giving up. The latest fix was primarily to fix issues with that.

Also make sure there isn’t any whitespace inside the shortcode and that should help with any extra p or br tags.

As for slide speed there isn’t a quick way to change this at the moment but I’m planning to build a settings page that would allow for adjustment.

If you’d like to try and adjust it right now, take a look at https://kenwheeler.github.io/slick

You would need to use the following in your own js file.

$('.dm-device .gallery').slick('unslick'); to remove the settings being set then add the following.

(function ($) {
    $('.dm-device .gallery').slick({
        dots: false,
        arrows: false,
        infinite: true,
        slidesToShow: 1,
        adaptiveHeight: true,
        autoplay: true,
        autoplaySpeed: 4000 // change speed here
    });
})(jQuery);

Hey Justin,

Thanks for the tip and help. That would definitely make things a lot easier if there was settings page. Hopefully there one soon!

Unfortunately for now though I don’t actually know my way around JS. Are you able to be a little more detailed as to where exactly I add the code?

Ken