PLEASE NOTE THAT REVOLUTION SLIDER 5 IS NOT FULLY BACKWARD COMPATIBLE WITH REVOLUTION SLIDER 4 AND UPDATING TO VERSION 5 MAY REQUIRE SOME ADDITIONAL SETTINGS.
If you experience any of the issues outlined in this screenshot after updating the Revolution Slider to version 5, please follow the steps below to fix them.
Open up the slide and turn off the button show on the screenshot.
2.Problem with BUTTONS
Open the slide and make the adjustments shown in the screenshot.
3.Problem with ARROWS
.tp-caption.medium_bg_red a {
color: #fff;
text-decoration: none;
}
.tp-caption.medium_bg_red a:hover {
color: #fff;
text-decoration: underline;
}
.tp-caption.roundedimage img {
-webkit-border-radius: 300px;
-moz-border-radius: 300px;
border-radius: 300px;
}
.tp-bullets.simplebullets.navbar {
height: 35px;
padding: 0px 0px;
}
.tp-bullets.simplebullets .bullet {
cursor: pointer;
position: relative !important;
background: rgba(0, 0, 0, 0.5) !important;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
width: 6px !important;
height: 6px !important;
border: 5px solid rgba(0, 0, 0, 0) !important;
display: inline-block;
margin-right: 2px !important;
margin-bottom: 14px !important;
-webkit-transition: background-color 0.2s, border-color 0.2s;
-moz-transition: background-color 0.2s, border-color 0.2s;
-o-transition: background-color 0.2s, border-color 0.2s;
-ms-transition: background-color 0.2s, border-color 0.2s;
transition: background-color 0.2s, border-color 0.2s;
float:none !important;
}
.tp-bullets.simplebullets .bullet.last {
margin-right: 0px
}
.tp-bullets.simplebullets .bullet:hover,
.tp-bullets.simplebullets .bullet.selected {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: rgba(255, 255, 255, 1) !important;
width: 6px !important;
height: 6px !important;
border: 5px solid rgba(0, 0, 0, 1) !important;
}
.tparrows:before {
font-family: 'revicons';
color: #fff;
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
margin-right: 0;
text-align: center;
width: 40px;
font-size: 20px;
}
.tparrows {
cursor: pointer;
background: rgba(0, 0, 0, 0.5) !important;
-webkit-border-radius: 0px !important;
border-radius: 0px !important;
width: 40px !important;
height: 40px !important;
}
.tparrows:hover {
color: #fff;
}
.tp-leftarrow:before {
content: '\e824' !important;
}
.tp-rightarrow:before {
content: '\e825' !important;
}
.tparrows.tp-rightarrow:before {
margin-left: 1px;
}
.tparrows:hover {
background: rgba(0, 0, 0, 1) !important;
}
