I would like to remove the fade in animation for the Fullwidth Easy Slider Image. I just have one image that I would like to appear full width, as soon as the page loads. I tried some of the older solutions from the forum for removing the fade in but they don’t seem to work. How can I fix this or is there another way to get an image to appear fullwidth? (without using the Advanced LayerSlider)
Thank You.
Hi D5WDesignGroup!
Please add following code to Quick CSS
.js_active .avia-slideshow li:first-child {
visibility: visible!important;
transform: translateZ(0px) !important;
-webkit-transition: none !important;
}
Regards,
Yigit
Hi,
Sorry for replying to such an old post, but I have tried this solution and while it disables the fade-in, it also disables all buttons from the slider. Is there a way to disable the fade-in but keep the option to display captions and buttons (they can be static)?
Thanks
Hi,
@mayksenden Can you please start a new thread and post a link to your page and elaborate on the changes you would like to make? You can upload your screenshots on imgur.com or Dropbox public folder and post the links here :)
Best regards,
Yigit
Hi Yigit,
Never mind, I found a workaround by giving the banners I needed fixed a custom ID and just applying your code to that ID.
Thanks,
Mayk