Change homepage message text to static

Change homepage message text to static

Support Forums White – HTML Template Change homepage message text to static

This topic contains 3 replies, has 2 voices, and was last updated by  CreaboxThemes 3 years, 7 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #5263

    DavidD
    Participant

    Hi;
    Very happy with the template.
    How can I change the homepage animated message text (e.g. “Welcome to my universe”) to just be a static message. I’ve limited the text to only one <div> section, but with just one message, it appears once and then disappears. i also tried to find and edit the appropriate animations in the .css files, but I haven’t found the right classes to change.
    If the text cannot be static, can I change the animations to have much longer delays?
    Thank you for any help.

    #5266

    CreaboxThemes
    Keymaster

    Hi,

    you have to edit the file custom.js in the folder js.
    You have to delete the file 31 with the next code:

    text_rotate();

    And then delete all the code for the rotation animation. The code is the next:

    /* ==============================================
    /*	MESSAGE ROTATION IN THE HOMEPAGE
    =============================================== */
        var intervalTime = 2000; //transition time
        var messageArray = $(".messages").children();
        var messageMax = messageArray.length - 1;
        
        messageArray.each( function( index ) { $(this).fadeOut(); } );
        $(messageArray[0]).fadeIn();
        
        function text_rotate(){
    	    setTimeout ( function() {
    	        messageRotate(1);
    	    }, intervalTime);
    	}
    
        function messageRotate( index ) {
            var prev = ( (index == 0) ? (messageMax) : (index - 1) );
            var next = ( (index == messageMax) ? 0 : (index + 1 ) );
    
            setTimeout ( function () {
                $(messageArray[prev]).fadeOut();
                setTimeout ( function () {
                    $(messageArray[index]).fadeIn();
                    setTimeout ( function () {
                         messageRotate(next);
                    },intervalTime );
                },(intervalTime/2) );
            },intervalTime );
        }

    Regards

    #5267

    DavidD
    Participant

    Thanks;
    Sorry I had trouble finding that myself. It was pretty obvious.

    #5268

    CreaboxThemes
    Keymaster

    No problem. If you need something more, contact me 😉

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

You must be logged in to reply to this topic.