Change image's animation

If you wish to change the theme's unique image reveal animation to something more simple, you can do so, by editing the theme's /assets/theme.css file.. There, at the very end of it, paste the following snippets, depending on what you want to do:

Replace animation with opacity transition

These instructions are for vintage Highlight theme (versions up to 1.2.0)
New versions allow you to modify the animation from the Theme Editor.
.lazy-image img {
  clip-path: none !important;
  -webkit-clip-path: none !important;
  animation: none !important;
  transform: none !important;
  opacity: 0;
}
.lazy-image img.lazyloaded {
  opacity: 1;
}

Remove placeholder backgrounds

.lazy-image[data-ratio]:after {
  display: none !important;
}
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.