hcyr Posted May 13, 2022 Share Posted May 13, 2022 (edited) Site URL: https://www.helenecyr.com/ Hello! Does anyone know of a CSS code to help with smoother image transition? I'm afraid what I have now is clunky and too flashy with a stark white in between the images on my cover page:( Please see what I mean on my cover/splash page https://www.helenecyr.com/ and what I'm hoping to achieve (note the soft transition in comparison) https://jonaspeterson.com/ MUCH much appreciated! Hélène Edited May 14, 2022 by hcyr just adding a tag Link to comment
tuanphan Posted May 15, 2022 Share Posted May 15, 2022 Try adding to Design > Custom CSS .gallery-fullscreen-slideshow-item-img{ transition: opacity 1600ms ease-in-out !important; -webkit-transition: opacity 1600ms ease-in-out !important; -ms-transition: opacity 1600ms ease-in-out !important; -moz-transition: opacity 1600ms ease-in-out !important; -o-transition: opacity 1600ms ease-in-out !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
hcyr Posted May 17, 2022 Author Share Posted May 17, 2022 Hello Tuanphan, Thank you for reaching out and helping. I have attached a screen shot. I'm on my home page where I want to implement the slow transition. Please note I'm unsure where the "Design" panel is? (see screen shot) Would it be in the Advanced section on line 20 where I should paste your above code? (see screen shot) Much appreciated! - Helene Link to comment
hcyr Posted May 17, 2022 Author Share Posted May 17, 2022 (edited) Hello again, I was bold and pasted your suggested code onto line 20 in the screen shot above. I'm afraid it did not make any difference:( Perhaps I did not do it right? Edited May 17, 2022 by hcyr Link to comment
tuanphan Posted May 20, 2022 Share Posted May 20, 2022 No. First access https://www.helenecyr.com/config Next, look left > Click Design Next click Custom CSS (bottom) Add code there Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
hcyr Posted May 20, 2022 Author Share Posted May 20, 2022 Hello again Tuanphan, Thank you, so I did that. The first image comes in beautifully but sadly the next images still come in abruptly! May I ask your advise once more.. any other options? https://www.helenecyr.com/ Thanks! Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment