ResolvedEditing the Preloader
- This topic has 11 replies, 4 voices, and was last updated 3 months, 1 week ago by
dogshu.
- AuthorPosts
- June 18, 2020 at 8:50 pm #23721
HBGear
ParticipantHi,
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.
June 24, 2020 at 4:55 pm #23808HBGear
Participant??
June 30, 2020 at 5:22 pm #23872marcoweblife
Participantfollow. I have the same problem.
July 1, 2020 at 12:41 pm #23958Althemist
KeymasterHi 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.
July 2, 2020 at 2:14 am #24041marcoweblife
ParticipantThen, I can paste this code (with the right picture url) in the CSS here: wp-admin/customize.php?autofocus%5Bsection%5D=custom_css ??
July 6, 2020 at 8:44 pm #24151Althemist
KeymasterYes, you can.
July 7, 2020 at 4:08 pm #24226HBGear
ParticipantThank you!
July 7, 2020 at 4:15 pm #24227HBGear
ParticipantIt 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?
July 8, 2020 at 10:06 am #24252Althemist
Keymaster#spinner::before { border: none !important; } #spinner { background-color: transparent !important; }
July 8, 2020 at 11:08 pm #24288HBGear
Participantthanks 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
July 9, 2020 at 3:52 pm #24324Althemist
KeymasterHello 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,
DimitarAugust 31, 2023 at 7:00 pm #37849dogshu
ParticipantHi!
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 !!
- AuthorPosts
You must be logged in and have valid license to reply to this topic.