• Resolved wwc96

    (@chadwebweavingcom)


    does anyone know if there is a way to change how the slides are transitioning with this theme? I wish for the images to fade into one another rather than scrolling across the screen. is this possible?

Viewing 6 replies - 1 through 6 (of 6 total)
  • Chad, you need to change your WordPress username. You’re showing your email to the world and this will increase your spam.

    On the slider question, no, I don’t think there is a way. The slider is basically the Twitter Bootstrap Carousel. This page shows only 2 options: the time interval (which the Customizr slider allows you to change) and a “pause” option, which allows the slider to stop when the mouse hovers over it. (Come to think of it, I need to investigate this second option, as my user testers have found it confusing so far.)

    You might want to consider another slider plugin if you need to do fades instead.

    You can add:

    .carousel .item {
    -webkit-transition: .7s ease-in-out opacity;
    -moz-transition: .7s ease-in-out opacity;
    -ms-transition: .7s ease-in-out opacity;
    -o-transition: .7s ease-in-out opacity;
    transition: .7s ease-in-out opacity;
    left: 0 !important;
    }
    
    .carousel .active.left, .carousel .active.right {
    opacity: 0;
    z-index: 2;
    }
    /* ...and only if you're using the prev/next buttons */
    .carousel .next.left, .carousel .prev.right {
    opacity: 1;
    z-index: 1;
    }

    to the custom css section of customizr ?? found this at https://br.bingorabbit.com/2013/03/overriding-twitter-bootstrap-carousel-animation/

    Thread Starter wwc96

    (@chadwebweavingcom)

    thank you benjezza! you are awesome!

    Theme Author presscustomizr

    (@nikeo)

    Smart! Thanks benjezza!

    Thanks benjezza!

    Can someone try it on IE? There’s a comment on the page benjezza linked to that says it doesn’t work in IE.

    My slider closes or collapses between images causing the text below the slider to move on the page. So the effect is that if someone is reading text and it is time to view the next slider image, the page sort of… rolls up on them. Is there a way to stop that? I’m seeing it on IE9 and Chrome.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘change slider effects?’ is closed to new replies.