ResolvedEditing the Preloader

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #23721
    HBGear
    Participant

    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.

    #23808
    HBGear
    Participant

    ??

    #23872
    marcoweblife
    Participant

    follow. I have the same problem.

    #23958
    Althemist
    Keymaster

    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.

    #24041
    marcoweblife
    Participant

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

    #24151
    Althemist
    Keymaster

    Yes, you can.

    #24226
    HBGear
    Participant

    Thank you!

    #24227
    HBGear
    Participant

    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?

    #24252
    Althemist
    Keymaster
    #spinner::before {
    border: none !important;
    }
    #spinner {
    background-color: transparent !important;
    }
    #24288
    HBGear
    Participant

    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

    #24324
    Althemist
    Keymaster

    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

    #37849
    dogshu
    Participant

    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 !!

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in and have valid license to reply to this topic.

License required for any item belonging to this account
AlThemist

AlThemist

sales 18061, followers 755
Login and Registration Log in · Register