[HBGear]

Hi,

Is it possible to change the preloader to a video or GIF format? I know the current preloader is manipulated with CSS but my client wants an animated version of her logo set as the preloader.

Would appreciate your assistance.

Thanks in advance.

[HBGear]

??

[marcoweblife]

follow. I have the same problem.

[Althemist]

Hi HBGear,

If you have the logo in .gif format, just replace the image with custom CSS rule:

#spinner {
    background: url("../path/to-your-image.gif") center center no-repeat;
}

I am afraid there is no way to use video there.

[marcoweblife]

Then, I can paste this code (with the right picture url) in the CSS here: wp-admin/customize.php?autofocus%5Bsection%5D=custom_css ??

[Althemist]

Yes, you can.

[HBGear]

Thank you!

[HBGear]

It still appears in the circle like the previous image, how can I remove the circle frame and border so that the loader is just the GIF?

[Althemist]

#spinner::before {
border: none !important;
}
#spinner {
background-color: transparent !important;
}

[HBGear]

thanks for this but this just removed the border, I would like to remove the circular frame and have the loader shown with the resolution of the GIF and not within the circle

[Althemist]

Hello HBGear,

that would require the entire CSS for the pre-loader animation to be customized/rewritten. We can’t give you a ready to use snippet, as we don’t even know your GIF size and requirements.

Also, please note that while we are always trying to help with anything we can (even small customizations), extensive CSS or other code customizations are out of the scope of the technical support.

You should probably hire someone with better CSS skills to help customize the preloader CSS.

Regards,
Dimitar

[dogshu]

Hi!

I have added custom CSS to show my logo as the loader, and it works, but I need to make it smaller in order to see the whole logo within the circular frame. What can I add to the code in order to do so?

Thanks in advance! Great theme by the way !!

[Author]

Posts