change gif for page preloader

Hi pixallus!

Thank you for using Enfold.

You can modify the css:

.av-siteloader {
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  margin: 0 auto;
  border-top: 2px solid rgba(0, 0, 0, 0.2);
  border-right: 2px solid rgba(0, 0, 0, 0.2);
  border-bottom: 2px solid rgba(0, 0, 0, 0.2);
  border-left: 2px solid #000;
  -webkit-animation: av-load8 0.8s infinite linear;
  animation: av-load8 0.8s infinite linear;
}

You can find the animation keyframes in the css > layout.css file:

@-webkit-keyframes av-load8 {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes av-load8 {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% {-webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

It’s possible to create your own animation. Look for any css animations tutorial.

Cheers!
Ismael

Hi!

Please add following code to Quick CSS in Enfold theme options under General Styling tab

.av-siteloader { display: none; }

and upload your gif as “Custom Logo for preloader”

Best regards,
Yigit

Hi!

Please add following code to Quick CSS and adjust as needed

#top .av-siteloader-wrap {
  background-color: orange;
}

Regards,
Yigit