WordPress.org

Ready to get started?Download WordPress

Forums

Skitter Slideshow
Need flexible (responsive) width (11 posts)

  1. vicius
    Member
    Posted 1 year ago #

    Hello,
    I have responsive design theme, which is changing the widths and arrangement according the size (width) of the web browser window or screen.

    Is it possible to make the Skitter slideshow to change the width according the div width in which it is placed? I mean that the slideshow should not be fixed width, but it should change according the width which is available. Not the width is fixed and if the screen is smaller, then the Skitter slideshow is getting on the top of other elements.

    Thanks in advance!

    http://wordpress.org/extend/plugins/wp-skitter-slideshow/

  2. Emil Uzelac
    Theme Review Admin
    Posted 1 year ago #

    Hi,

    I've worked with Skitter while back and it can be flexible.

    Try this:

    .container_skitter {
    	width: 100% !important;
    }
    
    .box_skitter {
    	width:100% !important;
    }
    
    .box_skitter img {
    	height: auto;
    	max-width: 100%;
    }

    Thanks,
    Emil

  3. vicius
    Member
    Posted 1 year ago #

    Hi Emil,
    Thanks for try, it's almost working, but it looks like that the animation is not working properly. Also if the width is becoming smaller, it doesn't change the height (but I could live with such a problem :))
    You can check it on this site, where I have tested it:
    http://www.mezgykla.lt/

    P.S. have tried to add height: auto; line to the .container_skitter and .box_skitter, but also was not working properly.

  4. Emil Uzelac
    Theme Review Admin
    Posted 1 year ago #

    That's weird, looks good from my end :) http://i.imgur.com/Pv2m1.png

    Emil

  5. vicius
    Member
    Posted 1 year ago #

    Yes, it looks the same for me also. But is the animation working properly? Even with the max size?

  6. Emil Uzelac
    Theme Review Admin
    Posted 1 year ago #

    Can you post some screenshots for me, maybe you're seeing stuff differently?

    Thanks,
    Emil

  7. vicius
    Member
    Posted 1 year ago #

    For me the photos are not changing as before - new photo comes at the upper left corner and sticks there:
    http://img109.imageshack.us/img109/192/79293274.jpg
    http://img35.imageshack.us/img35/7561/95898828.jpg
    http://img31.imageshack.us/img31/1638/16809388.jpg

  8. vicius
    Member
    Posted 1 year ago #

    By the way - not with the all effects..

  9. Emil Uzelac
    Theme Review Admin
    Posted 1 year ago #

    That part I don't know sorry, let's wait for the plugin author please :)

    Thanks,
    Emil

  10. Taraprasad Swain
    Member
    Posted 11 months ago #

    Try replacing the js and css with

    http://tinyurl.com/mfmw777
    http://tinyurl.com/n6x77zj

    Thanks!!

  11. fatherb
    Member
    Posted 10 months ago #

    Taraprasad - your amends didn't work. Firstly the plugin looks for the .min versions of the js and css files. So even if you change that to look for the extended versions, it still isn't responsive. Additionally those amends have other unintended effects. My page for instance saw the skitter slideshow over-run the text underneath it when those amends were implemented.

    Any other ideas on how to make this responsive?

    Thanks.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic