Public Ticket #1148637
Red Flashing on my Layerslider


  • Luke started the conversation

    Hey guys, 

    The problem is that there is a red flash overlayer that randomly comes at the end of a slide. There are 7 JPEG slides

    Error on homepage layerslider http://lukezeme.com/ 

    To re-create the error...  it happens on PC not Mobile ... double tap on the slider to go fullscreen! Within 30-60 seconds you will see the red overlay flash over the whole image (See supplied screenshots below). Then when you go double tap and go back to the normal screen, you will see the red flash in the normal sized layerslider every now and again. 

    It tends to happen on the last slide, the blue sydney harbour morning photo... but sometimes happens on other photos as well. 

    Have you guys seen this with your slider before??? be grateful for your help as it doesn't look good on my website to have this error on my main page. Is it to do with the origami transition and being able to go fullscreen? Not a good sign if I can't use these features... 



  • [deleted] replied

    Hey Luke,

    Thank you for the feedback. We are aware of this issue when the layers get selected sometimes in fullscreen, resulting in this red overlay. We have already managed to fix the problem on our end and going to include this fix to the next update.

    Until then as a temporary solution you can appy the ls-unselectable class to the slider or to the slider's parent element to prevent this.

    Sorry for the inconveniences and thank you for your understanding.

  • Luke replied

    Thanks for the reply Attila, 

    I wasn't sure if it was a clash with one of my other plugins or theme's so was pulling my hair out trying to figure out what it was. I will switch off the fullscreen option for now and wait for your update. 

    Thanks again, 


  • Luke replied

    Hi Attila, 

    I switched off the fullscreen so that you can't go into fullscreen mode, but when i double tapped it the slideshow will still go red. So I tried turning off the next and previous buttons, this didnt work either as it still goes red with a double tap. 

    How do I "appy the ls-unselectable class to the slider or to the slider's parent element to prevent this" ???


  • [deleted] replied

    Unfortunately there is no built-in option in the plugin to apply ls-unselectable on the slider, you would need to do some coding on your site to achieve that. 

    But as an alternate solution you can apply the following properties to achieve the same effect on the slider with the Custom Slider CSS option: user-select: none; -o-user-select: none; -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none;

  • Luke replied

    I am worried about where to put in the code you supplied... this is the CSS editor found by going to backend of my website and selecting it from Layer Slider WP > CSS Editor. 

    Can you show me where to put this code? I have attached screenshot

    There is a line at the bottom that says "Using invalid CSS code could break the appearance of your site or your sliders. Changes cannot be reverted after saving." Which I am worried about... Does this mean even when the update comes my slider will be stuck with this CSS ? 

  • [deleted] replied

    We have included the fix for this to the latest version we have just released (v6.4). It's already available through the auto-update feature.

  • Luke replied

    I updated, to v6.4. but the slider still has the red flash over the image. Are you sure it's completely fixed?

    See here:



  • Luke replied

    If I allow Fullscreen the red flashing doesn't happen. 

    BUT if I disable fullscreen and double tab the slider then the red flashing starts... I will have to leave it as allow fullscreen until you are able to fix it. 

  • [deleted] replied

    The red colored selection you are referring to is a default browser behavior, it's not generated by LayerSlider and it's not a bug.  Elements on any site are being selected by double clicking, every browser is handling it this way. You can test it by double clicking on any text on your site, it will get selected with the same red overlay, and the slider is not an exception from this browser behavior either.
    We have overruled/solved this in the fullscreen mode in the latest release so you shouldn't disable it.

    In case you want to make the slider completely unselectable, you will need to copy the following code to the LayerSlider CSS Editor, that can be accessed from the WP sidebar: 

    .ls-container * {
    user-select: none !important;
    -o-user-select: none !important;
    -ms-user-select: none !important;
    -moz-user-select: none !important;
    -webkit-user-select: none !important;