Okay
  Public Ticket #2224875
Change loading and cursor icon
Closed

Comments

  • Francesco started the conversation

    Hey there,

    I'm working on modyfing your fantastic theme by editing the Child-Theme.

    I would like to change the animation of the loading 1 to 100% with a custom GIF and the mouse coursor with one of my icons.

    How can i achieve this via child theme?


    Thanks

  •  1,816
    Support replied

    Hello Francesco

    Not really sure if you can achieve this with a child theme however:

    Open header.php and you will see this piece of code:


    <?php if( hervin_get_theme_options('clapat_hervin_enable_preloader') ){ ?>
    <!-- Preloader -->
            <div class="preloader-wrap">
                <div class="outer">
    <div class="inner">
                        <div class="percentage" id="precent"></div>
                        <div class="trackbar">
                            <div class="loadbar"></div>
                        </div>
                    </div>
                </div>
            </div>
            <!--/Preloader -->
      <?php } ?>

    you nee to change it to include the gif file 

                        <div class="percentage" id="precent"></div>

                        <div class="trackbar">

                            <div class="loadbar"></div>

                        </div>

    to be more precise and in /js/scripts.js you will find the code for the percentage and loadbar animation but this does not concern you if you add the gif file

    // Loadbar Animation $(".loadbar").animate({ width: width + "%" }, time / 0.7 ); // Percentage Increment Animation var PercentageID = $("#precent"), start = 0, end = 100, durataion = time + 400; animateValue(PercentageID, start, end, durataion);


    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Francesco replied

    Hey.

    Thanks for the answer.

    I well look forward for this change.

    You didn't aswer me about how to change the icon floating with the mouse.

    Thanks and have a wonderful day

  •  1,816
    Support replied

    Hi Francesco,

    the cursor is actually div id ball so if you open style.css look for #ball and you will find all the styles for it.

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Francesco replied

    Thanks!