Home › Forums › Air HTML5 Template › Remove mansory image animation on pageload
- This topic has 10 replies, 2 voices, and was last updated 4 years ago by
marilaposa.
-
AuthorPosts
-
January 19, 2022 at 9:59 am #26814
How can I remove the animation of the images when loading the page?
January 19, 2022 at 12:14 pm #26817Hi there,
Welcome to SeaTheme forum.
Please add the CSS codes at the last line of style.css.container-masonry .grid-item-inside, .grid-item-inside { -webkit-transition: none; -moz-transition: none; transition: none; }
Regards!
SeaTheme – FAQs – WordPress Customization – FacebookFebruary 9, 2022 at 12:18 pm #26983Thank you very much!!
February 9, 2022 at 12:23 pm #26984Hello, I tested what you suggeste, but it does not work. I think what I mean is the lazyload. Removing the lazyload. All images should be loaded immediately on pageload,
February 9, 2022 at 3:30 pm #26986Hi,
Please edit the data-bg for each item, like
<div class="ux-lazyload-bgimg ux-background-img" data-bg="http://image-url"></div>
updatee as:
<div class="ux-lazyload-bgimg ux-background-img" style="background-image:url(http://image-url)"></div>
Regards!
SeaTheme – FAQs – WordPress Customization – FacebookApril 18, 2022 at 1:02 pm #27390This reply has been marked as private.April 18, 2022 at 2:13 pm #27394Welcome
I checked your website again, the items animation and lazyload have been removed. Could you give me more tips(screenshots or video)? How do you find the images are loading lazy? Thanks!
Regards!
SeaTheme – FAQs – WordPress Customization – FacebookMay 13, 2022 at 12:32 pm #27514When I open the page, I would like to see all the images at the same time. Now some are only loading when I scroll down.
May 13, 2022 at 1:51 pm #27515Hi,
Please add the CSS codes at the last line of style.css.container-masonry .grid-item-inside { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); }
Regards!
SeaTheme – FAQs – WordPress Customization – FacebookMay 26, 2022 at 10:24 am #27580This reply has been marked as private.May 26, 2022 at 10:26 am #27581It is working now fine! Thank you very much!
-
AuthorPosts
- You must be logged in to reply to this topic.
