WordPress.org

Ready to get started?Download WordPress

Forums

Slideshow Satellite
[resolved] Thumbnails not desplaying on FireFox (14 posts)

  1. Jray
    Member
    Posted 1 year ago #

    Hi.

    Website: http://556graphx.com/

    jump to slideshow

    the thumbnails on the sideshow won't display wan using Firefox. This is a browser specific problem. safari (desktop & iOS), chrome, Midori, IE, all work just fine.

    It also seems to work fine wan using the default 2012 theme. but not on Spine watch is the theme I'm using right now.

    I tried to figure it out and had a little success adding this to my css file:

    .orbit-thumbnails {position: absolute;}

    the result is that the thumbnails display but the navigation is broken. the images trail of page and the side arrows don't work.

    This is the best sideshow plugin I've used and I would LOVE to keep using it... But FF is my most favorite browser... ;_;

    Thanks for any help.

    http://wordpress.org/plugins/slideshow-satellite/

  2. cpres
    Member
    Plugin Author

    Posted 1 year ago #

    First of all, thanks so much for the plugin praise! I'm glad Satellite is your fav :)

    I'm looking into the problem, and it's gonna need some serious CSS jitsu. You're definitely on the right path with .orbit-thumbnails

  3. cpres
    Member
    Plugin Author

    Posted 1 year ago #

    While I fix this issue, have you considered [satellite thumbs=fullright] as a temporary solution? In many ways I feel it looks even better than thumbs on the bottom

  4. Jray
    Member
    Posted 1 year ago #

    Thank you for the response.

    I'll probably do that. the sideshow look good ether way.

    any way thanks for getting back to me. good luck.

  5. sudiartha
    Member
    Posted 1 year ago #

    Sorry I have the same problems that the slideshow thumbnail is not working on my web: http://ubudrentalservice.com/vr3-278/
    my wordpress version 3.5.1. and my theme crumblemagazine 1.07 and my satellite slideshow version 2.1.3
    where the setting should I change? because I newbee on wordpress and plugins. Thanks.

  6. cpres
    Member
    Plugin Author

    Posted 1 year ago #

    I noticed in Twenty Fourteen the thumbnails show just fine on Firefox. I really think this is theme related.

  7. Jray
    Member
    Posted 1 year ago #

    Yea it works fine with Twenty twelve to. any way thanks for your help. and thanks for the plugin.

  8. surfeiro69
    Member
    Posted 1 year ago #

    Hi, the problem in firefox is when you put the thumbnails in bottom position in firefox (in left and right works fine); in anothers explorer like crome works fine (in bottom position), but in firefox have a bug.

  9. cpres
    Member
    Plugin Author

    Posted 1 year ago #

    This is very particular to themes, including Twenty-thirteen sadly.

    Try adding this styling to your theme's style.css

    .thumbholder {display:-moz-deck }

    It doesn't FIX the problem, but it's definitely better for Firefox

  10. timjohnrose
    Member
    Posted 1 year ago #

    I really want to use this plugin but the thumbnails aren't displaying in Firefox (I'm using FF 26.0) even on you own demo page:

    http://c-pr.es/satellite/examples/simple-satellite/

    So it's not likely a template issue?

  11. timjohnrose
    Member
    Posted 1 year ago #

    OK, on testing I've found it is just Twenty-thirteen, so no drama.

  12. cpres
    Member
    Plugin Author

    Posted 1 year ago #

    Yeah, Satellite page is done in Twenty-Thirteen so...yeah it's broken and I should switch themes :)

    What I really need to do is figure out what in Twenty-Thirteen is hiding those thumbs.

  13. timjohnrose
    Member
    Posted 1 year ago #

    It's due to the "-moz-box-sizing: border-box;" declaration at the start of the style.css stylesheet in Twenty-Thirteen, so this will occur in any template that used this rule for the * selector.

    * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }

    To fix:

    just add the following rule after the * rule to display the thumbnails properly in Firefox.:

    .thumbholder {-moz-box-sizing:content-box;}

  14. cpres
    Member
    Plugin Author

    Posted 1 year ago #

    My hero!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.