Okay
  Public Ticket #1482379
Loading Mouse Based Parallax Images
Closed

Comments

  • Vicki started the conversation

    Hello! Thank you for the continued support! My homepage and main pages all have these Mouse Based Parallax Img background. Is there any way to make them load faster or smoother? My site is hosted on WP Engine. I removed the default Nectar Slider Loader grey background with stripes as users were seeing it often. Cache is already active by default on WP Engine. Any ideas?

    Thank you!

  •  8,425
    Tahir replied

    Hey Again,

    Try turning on the Page Transitions and see if it makes it better . 

    Be.st


    ThemeNectar Support Team 

  •  52
    Casey Frushour replied

    I'm having the same issue... black default image shows for a few seconds before displaying the Mouse Based Parallax Img background... and ideas on how to fix?

    http://revspringinc.wpengine.com/

  •  8,425
    Tahir replied

    Hey Again,

    That is the default loader . To change it to white use below.

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    .nectar-slider-loading {
        background-color: #ffffff;
        background-image: none !important;
    }

    Thanks


    ThemeNectar Support Team 

  •  52
    Casey Frushour replied

    Thanks!

    If I wanted to swap out that default loader image with one of my own - how do I do that?


  •  8,425
    Tahir replied

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    .nectar-slider-loading {
        background-image: url(imge.png) !important;
    }

    Thanks


    ThemeNectar Support Team 

  •  52
    Casey Frushour replied

    Thx!!