WordPress.org

Support

Support » Themes and Templates » transition between posts in the slider

transition between posts in the slider

Viewing 2 replies - 1 through 2 (of 2 total)
  • I managed to remove the background on the slider and keep as a whole square figure changing the -30 to 0px:

    .nivo-directionNav a {
    top:40%;
    display:block;
    width:30px;
    height:60px;
    background:url(images/arrows.png) no-repeat;
    text-indent:-9999px;
    border:0;
    }
    a.nivo-nextNav {
    background-position:-30px 0;
    right:0;

    }
    a.nivo-prevNav {
    left:0;
    }

    .nivo-controlNav {
    position:absolute;
    left:44%;
    bottom:-25px;
    }
    .nivo-controlNav a {
    display:block;
    width:20px;
    height:20px;
    background:url(images/bullets.png) no-repeat;
    text-indent:-9999px;
    border:0;
    margin-right:3px;
    float:left;
    }
    .nivo-controlNav a.active {
    background-position:-20px 0;
    }

    #slider a {
    display:block; /* IE Fix */
    }

    However, i’m not able yet to increase the transition time between two posts in the slider neither set the simple fading feature between them.

    Any comment on this?

    Appreciate your time!

    Open the custom.js file located in the ‘js’ folder.

    There’s a line which reads effect: 'random', // Specify sets like: 'fold,fade,sliceDown' where you can change it to fade.

    In that same file find the line which reads animSpeed: 500, // Slide transition speed and adjust the 500 to whatever you like. The number is in milliseconds.

    The ‘holes’ are navigation arrows. If you don’t want them to appear you can open the nivo-slider.css file and locate the line which states “You can start editing here” (should be line 94). Insert display:none; anywhere you want something to be hidden.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘transition between posts in the slider’ is closed to new replies.