WordPress.org

Ready to get started?Download WordPress

Forums

Brightpage
transition between posts in the slider (3 posts)

  1. Dada K
    Member
    Posted 1 year ago #

    How to make the transition of posts between them in a simple fading as in this site?

    http://www.justbeskinline.com/

    How can i make the slider without the holes on the right and left side?

    How can i make the transition time between posts in the slider to be longer?

    Thank you!

    http://wordpress.org/extend/themes/brightpage/

  2. Dada K
    Member
    Posted 1 year ago #

    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!

  3. comforteagle03
    Member
    Posted 1 year ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags