I'm trying to do some simple slides, going off of the Sky Expeirence template. It looks great in the layerslider admin area (see attached slider file), but once I select it as the slider for the page in my avada theme, only the text layers and background image show... all of the other cool elements like cloud layers in parallax and other graphic elements are not coming through... what am I missing?
Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.
Please show us your site or a test page with the slider, where we can check on this. There is likely something interfering with the slider on your site, that results in this problem. But we can tell more once we see it. Thank you.
Here is a page I am testing on: http://www.quantumlinklogistics.k5creative.com/slider-testpage/... as you can see it is not behaving as I have created in the attached.... the smaller text isn't stacked, the clouds are not moving or even showing and the bottom chevron and plane wing don't even show up... very frustrating
Judging from the errors on your site (you can see them in the browser console) I believe that the problem is going to be related to an image preloader/optimizer/lazy loader on your installation, that is interfering with the slider.
I'd recommend to temporary disable other plugins and switch to a default WP theme to see if that solves the issue. If it does, you can turn them back one by one to see which one is interfering.
If you are using Jetpack, I'd recommend to start with that. We had several issues with it in the past, as its lazy load option interferes with the slider's content, preventing it from loading.
ok, I disengaged the lazy load and that fixed most of the issues, YAHOO!... the small text is still incorrect tho... is there something else I need to do to make that work?
That is because you are using HTML code in a text layer. With text layers, you can only use text and format it using the settings under the Styles tab.
Oh, ok... but besides making a new text element (I have text wrap engaged so it stays in the area now), how do I make a new line...for example to have a bullet list.. how can do I make that work ?
Did you mean the slider thumbnails at the bottom ? If yes, unfortunately at the moment there is no built-in option in the plugin to relocate or edit the navigation areas, you would need to do some coding to achieve it. Please note that it requires custom coding and web development experience so it is not recommended for inexperienced users.
Alternatively, you can make a new skin or modify one, but it also needs some CSS knowledge.
You can approach this two ways. You can either edit the image file that contains the nav buttons. Some of them were created with a "CSS sprites" method, meaning that only certain parts of the image is being showed. As long as you do not change the sizes drastically and leave it in the correct position in the image file, you can freely change it. This method does not require CSS editing.
Or you can edit the skin.css file or use the Custom CSS Editor.
no, not the thumbnails, the pagination circles... no worries, I'll try to get some help with a snippet of custom CSS code to insert and see if I can make it work, thanks...I'm just not a coder :(
Anyways, you are very helpful and I appreciate your time.
I am getting another error tho, ...my buttons are not functioning on certain slides... I have them jumping from slide to slide but sometimes one of them doesn't work... it all functions prefect in LayerSlider, but when I publish one of the buttons doesn't work... see http://www.quantumlinklogistics.k5creative.com/... in that home slide, all of the side buttons work, but once you get to the other slides, only the buttons in the AIR slides are working properly... all other slides none of the GO BACK buttons work and some of the REQUEST A QUOTE buttons don't work... they all use the exact same buttons as the AIR slide so I don't understand why it's having this issue :(
Secondly, the home page seems to load the reload the animating text on the first home slide, like a stutter, is there a way to address that?
You have the Allow restarting slides on resize option enabled in the Slider Settings -> Misc tab. That is why the slideshow restarts animating sometimes.
As for the buttons, I believe you are covering certain ones with another layers and that is why they are not clickable. Please make sure that no other layer is over them, or that they are on top of the layer list, therefor positioned upper than the rest.
I'm trying to do some simple slides, going off of the Sky Expeirence template. It looks great in the layerslider admin area (see attached slider file), but once I select it as the slider for the page in my avada theme, only the text layers and background image show... all of the other cool elements like cloud layers in parallax and other graphic elements are not coming through... what am I missing?
Hello Dave,
Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.
Please show us your site or a test page with the slider, where we can check on this. There is likely something interfering with the slider on your site, that results in this problem. But we can tell more once we see it. Thank you.
Hello,
Here is a page I am testing on: http://www.quantumlinklogistics.k5creative.com/slider-testpage/... as you can see it is not behaving as I have created in the attached.... the smaller text isn't stacked, the clouds are not moving or even showing and the bottom chevron and plane wing don't even show up... very frustrating
Thank you.
Judging from the errors on your site (you can see them in the browser console) I believe that the problem is going to be related to an image preloader/optimizer/lazy loader on your installation, that is interfering with the slider.
I'd recommend to temporary disable other plugins and switch to a default WP theme to see if that solves the issue. If it does, you can turn them back one by one to see which one is interfering.
If you are using Jetpack, I'd recommend to start with that. We had several issues with it in the past, as its lazy load option interferes with the slider's content, preventing it from loading.
ok, I disengaged the lazy load and that fixed most of the issues, YAHOO!... the small text is still incorrect tho... is there something else I need to do to make that work?
That is because you are using HTML code in a text layer. With text layers, you can only use text and format it using the settings under the Styles tab.
Oh, ok... but besides making a new text element (I have text wrap engaged so it stays in the area now), how do I make a new line...for example to have a bullet list.. how can do I make that work ?
If you're using text layers, you can only do that by setting up separate layers. Or you can use HTML layer type instead.
Thank you Attila, this is a great slider!
Just one last question, is there a way to change the color of the pagination circles?
Did you mean the slider thumbnails at the bottom ? If yes, unfortunately at the moment there is no built-in option in the plugin to relocate or edit the navigation areas, you would need to do some coding to achieve it. Please note that it requires custom coding and web development experience so it is not recommended for inexperienced users. Alternatively, you can make a new skin or modify one, but it also needs some CSS knowledge.
You can approach this two ways. You can either edit the image file that contains the nav buttons. Some of them were created with a "CSS sprites" method, meaning that only certain parts of the image is being showed. As long as you do not change the sizes drastically and leave it in the correct position in the image file, you can freely change it. This method does not require CSS editing.
Or you can edit the skin.css file or use the Custom CSS Editor.
no, not the thumbnails, the pagination circles... no worries, I'll try to get some help with a snippet of custom CSS code to insert and see if I can make it work, thanks...I'm just not a coder :(
Anyways, you are very helpful and I appreciate your time.
I am getting another error tho, ...my buttons are not functioning on certain slides... I have them jumping from slide to slide but sometimes one of them doesn't work... it all functions prefect in LayerSlider, but when I publish one of the buttons doesn't work... see http://www.quantumlinklogistics.k5creative.com/... in that home slide, all of the side buttons work, but once you get to the other slides, only the buttons in the AIR slides are working properly... all other slides none of the GO BACK buttons work and some of the REQUEST A QUOTE buttons don't work... they all use the exact same buttons as the AIR slide so I don't understand why it's having this issue :(
Secondly, the home page seems to load the reload the animating text on the first home slide, like a stutter, is there a way to address that?
You have the Allow restarting slides on resize option enabled in the Slider Settings -> Misc tab. That is why the slideshow restarts animating sometimes.
As for the buttons, I believe you are covering certain ones with another layers and that is why they are not clickable. Please make sure that no other layer is over them, or that they are on top of the layer list, therefor positioned upper than the rest.