WordPress.org

Ready to get started?Download WordPress

Forums

Slideshow
[resolved] Lots of whitespace under slideshow with WPTouch (4 posts)

  1. jbsmith_05
    Member
    Posted 1 year ago #

    When viewing my page with a slideshow on it on my iphone (via WPTouch plugin) there is a lot of whitespace that is inserted between the slideshow and the words.

    I also noticed that the pagination (left/right arrows) are not on top of the images, they are in this whitespace (I turned them off and that didn't remove the whitespace).

    Is there a way to correct this?

    Unfortunately I'm unable to provide a link because this is on a non-public development server.

    http://wordpress.org/extend/plugins/slideshow-jquery-image-gallery/

  2. Stefan Boonstra
    Member
    Plugin Author

    Posted 1 year ago #

    A lot of times when the slideshow showing like this, it's wrapped in a non-block-level element like an '<h2>' tag. HTML doesn't allow block-level elements, like the elements in the slideshow plugin to be in non-block-level elements and therefore the slideshow may be rendered this way.

  3. jbsmith_05
    Member
    Posted 1 year ago #

    Thanks for the reply. However I realized that in my case it doesn't have to do with the block-level elements, I had manually set the height attribute because I wanted my images on a desktop to be larger. This caused the whitespace to show on the iphone.

    Is there a way for the the hight to automatically change relative to the image it's showing? I've played with the stretch settings and the width setting (havent played with the aspect ration setting since each image I would think would have a different ratio).

  4. Stefan Boonstra
    Member
    Plugin Author

    Posted 1 year ago #

    No, I'm sorry. The slideshow won't change its height when an image with a different dimension is showing as this would constantly move the content below the slideshow up and down.

    Some time around the version 2.3 update, I'm going to include a cropping option to the slideshow images. This will show the image in its full width and height without stretching, just hiding the sides of the images that fall off.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.