|
The problem of an unwanted flash with each slide transition has been discussed a lot on these support forums. But Andrei provided me with the final parts of the answer, very much appreciated! Now each slide just instantly replaces the former slide.
Use this to prevent slide transitions:
Add this to the slider module, advanced, custom css, slide-description css
animation-name: none;
Add this to the slider module, advanced, custom css, slide-image css
-webkit-animation-duration: 0s !important;
animation-duration: 0s !important;
Add this to the Page custom CSS
.et_pb_slider .et_pb_slide {
opacity: 1 !important;
}
If you are using specific opacity levels for the slider background, to make it lighter or darker, use this instead:
Add this to the slider module, advanced, custom css, slide-description css
animation-name: none;
Add this to the slider module, advanced, custom css, slide-image css
-webkit-animation-duration: 0s !important;
animation-duration: 0s !important;
Add this to the Page custom CSS
.et_pb_slider .et_pb_slide {
opacity: 1!important;
display: none !important;
}
.et_pb_slider .et_pb_slide.et-pb-active-slide {
display: block !important;
}
.et_pb_slide_image,
.et_pb_slide .et_pb_slide_image img {
animation: none !important;
}
|
