Changing loader

This topic contains 13 replies, has 2 voices, and was last updated by  crazyboy 2 months, 1 week ago.

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #24049

    crazyboy
    Participant

    Supported

    I saw that in menu i can change the loading menu, but i really like your animation and all i would is changing the picto on it like my logo as you can see in my attached file. Maybe i can change it if you can forward to me your gif animation.
    Is there also a way to add a gradient on background ?

    Let me know.

    Attachments:
    You must be logged in to view attached files.
    #24068

    CTHthemes
    Keymaster

    The theme not use gif file. It’s CSS animation.

    #24072

    crazyboy
    Participant

    Supported

    Ok thanks,
    But when changing loader with my icon, it change also the circle animation too and all I want is only changing the picto on top with mine provided in attached in this post on my first demand.

    #24110

    CTHthemes
    Keymaster

    You have to copy header.php file to child theme to edit like this: http://prntscr.com/kd5o4r

    Adding <div class="pulse"></div> element.

    #24161

    crazyboy
    Participant

    Supported

    Ok but it seems simple for you but not really clear for me.
    I’m gonna find this element and copy in my header file – Ok
    But then? How can I added my icon / image on top of the same animation (circle water) to be visible in each loading pages?
    Maybe you can please add it in place for me please? (you already get ftp access ans my needed image/icon).
    Let me know.

    #24596

    crazyboy
    Participant

    Supported

    So have succeed in modifying the file for me please ?

    let me know when you can do this please.

    #24609

    CTHthemes
    Keymaster

    There is other html tag for loader logo ( for customize user need ). So please change your loader logo then I will send you the custom style for the animation

    #24619

    crazyboy
    Participant

    Supported

    Do you mean the changing option in appearence ?

    #24628

    CTHthemes
    Keymaster

    Yes, then I will send you custom style for circle animation

    #24635

    crazyboy
    Participant

    Supported
    This reply has been marked as private.
    #24641

    CTHthemes
    Keymaster

    I can’t see the change. Don’t forget delete server cache.

    • This reply was modified 2 months, 1 week ago by  CTHthemes.
    #24647

    crazyboy
    Participant

    Supported

    ok done !
    But the icon apears and then disappears in transparent mode, it’s not the same animation with blue circle.

    #24650

    CTHthemes
    Keymaster

    Try this:

    
    .loader-icon-img {
           animation: none;
    }
    .ldicon-pulse {
           background: rgba(0, 0, 0, 0.2);
        border-radius: 50%;
        height: 14px;
        width: 14px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin: 11px 0px 0px -12px;
        -webkit-transform: rotateX(55deg);
        transform: rotateX(55deg);
        z-index: -2;
    }
    .ldicon-pulse:after {
        content: "";
        border-radius: 50%;
        height: 40px;
        width: 40px;
        position: absolute;
        margin: -13px 0 0 -19px;
        -webkit-animation: pulsate 1s ease-out;
        animation: pulsate 1s ease-out;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        opacity: 0.0;
        -webkit-box-shadow: 0 0 1px 3px #4DB7FE;
        box-shadow: 0 0 1px 3px #4DB7FE;
    }
    
    #24666

    crazyboy
    Participant

    Supported

    Perfect !
    You rule !

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

The topic ‘Changing loader’ is closed to new replies.

Hello! CityBook version 1.2.7 was released. Bulk Import Add-On, OpenStreetMapView Details
+