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...
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.
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.
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" ???
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;
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 ?
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.
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:
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...
Thanks,
Luke
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.
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
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" ???
cheers
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;
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 ?
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.
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:
http://www.lukezeme.com
Luke
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.
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,
.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;
}