Log in to support

revolution slider demo data out-dated – arrows and bullets wrong

Landing How can we help? Themeforest Theme Support Neighborhood revolution slider demo data out-dated – arrows and bullets wrong

Viewing 5 posts - 1 through 5 (of 5 total)
  • Post count: 8
    May 11, 2017 at 3:15 pm #324276

    It seems to me that the revolution slider demo data is out of date with the current version of the revolution slider plugin.

    Lots of people are having problems with navigation arrows not showing, being in the wrong place, or the hover not working and are offered custom css to "patch" the problem.

    I too had problems with the navigation arrows - resolved with some custom css.

    I also had the problem that the navigation bullets did not look the same as the navigation bullets on the neighbourhood demo site.

    The css included in the theme is styling the bullets using this class - '.tp-bullets.simplebullets.round' but that class is no longer applied to any bullet style by the revolution slider.

    To get around this it looks as though the revolution demo data was updated to set the bullet style to hesperidin (or maybe revolution does that when the slides you are importing are for an older version of revolution slider).

    To get the same styling of bullets as the online demo, I chose 'bullet style' = 'Custom' and 'preset' = 'Custom', then used this custom css for the styling:

    .tp-bullets.custom {
    bottom: 25px!important;
    }
    .tp-bullets.custom .tp-bullet {
    cursor: pointer;
    background: white;
    width: 10px;
    height: 10px;
    margin-right: 7px;
    float: none;
    display: inline-block;
    margin-top: 0;
    webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    opacity: 0.5;
    border-radius: 5px;
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter:alpha(opacity=50);
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    margin-bottom: 13px;
    }
    .tp-bullets.custom .tp-bullet.selected {
    opacity: 1;
    -moz-opacity: 1;
    filter:alpha(opacity=100);
    }

    There may be a better way to do it, but at least this worked.

    This is not a support request, I'm just putting this here to help anyone else in the same situation so they don't waste hours trying to sort things out, as I did.

    Also a suggestion that you may like to update the revolution demo data and theme css to be compatible with the latest version of the revolution slider plugin. Thanks

    Post count: 25779
    May 11, 2017 at 3:30 pm #324285

    Replies only viewable for logged in users

    Post count: 15264
    May 12, 2017 at 10:22 pm #324521

    Replies only viewable for logged in users

    Post count: 8
    May 13, 2017 at 4:59 am #324528

    Replies only viewable for logged in users

    Post count: 25779
    May 15, 2017 at 2:56 pm #324636

    Replies only viewable for logged in users

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register