The LayerSlider WP skin editor offers you a graphical way on your WP admin area to modify LayerSlider skins without the need to work with files on FTP. The Skin Editor automatically detects additional content, so you can customize skins from other sources as well. https://layerslider.kreaturamedia.com/documentation/#skin-editor
You can reach the Skin Editor by clicking to Options in LayerSlider WP side menu. Please note, that editing a skin requires some basic CSS knowledge.
Other option is that, if you create custom navigation buttons with layers, where you can add slide changing function in the links & attributes tab and set the layers to static in the transitions / other settings tab.
is there a way with the skin-editor to make new/custom versions that won't be erased on updates?
Is it possible to create the appropriate css in the specific sliders custom css section? (And what would that css be ;-) ?)
(I have basic CSS skills- I could edit an entire file easier than figuring out the cascade/final selector that gets applied.)
Either of these would be great for the one or two sliders where I need.a little more space in the upper area.
It'd be a lot quicker and easier than making custom buttons- though I appreciate that idea! (I'm moving from a site I developed from scratch, looking to do as little custom development as reasonable ;-))
In this case, I suggest you to add a custom class to your sliders which you would like to edit ( slider settings / appearance / slider classes) and write a CSS code to LayerSlider / Options / CSS Editor.
If you could send me a screenshot about which part would you like to move 5% from the bottom and a link to your slider then I will show you an example code.
It's based on looking at some of the (excellent) template/example sliders.
I want to move the nav prev/next arrows to the bottom, in line with the slide play/pause/jump controls. i.e. so text boxes don't get obscured.
I have added a custom class "hp_slider1" to this sliders settings / appearance / slider classes and verified that appears in the right place in the browser.
I tried adding the following to slider settings / appearance / custom slider CSS:
However ".hp_slider1 .ls-nav-prev" does select the right elements when typed manually in the chrome web inspector - and then manually setting. top to 90% does what I want.
Unfortunately the site is not yet live.
So close! :-)
Also, I've discovered the really cool slide transitions (including. origami) only apply to the background image of the slide. I probably missed it when I did a quick read over the instructions. and. reviewing the product description; but could that be indicated a bit more clearly on your website? (My first attempt at making a slider was based on copying your "people" example which uses CSS to do a gradient background. in the first layer. I was very confused as to why none of the slide transitions would work when I tried adding them. By chance I added an image background and then it worked for that slide and then it became obvious how things were working.)
Is there any way to "capture" the current slider's appearance (final view of all layers) and push that in as the slides background? ie so that the slide content is captured and used for the cool transitions?
You should try to add !important to your rule. If it will not work then could you please export your slider and send it to me? In this case, please remove whitespace and special characters from the title because Ticksy couldn't handle it.
Thank you for your feedback about the slide transitions. Unfortunately, it is not possible to use them, only for background images. The solution which you write is not possible, so I suggest you to set layer transitions instead.
Title says it all :-)
Found some refs to making custom versions of skins... but couldn't find a "custom skin editor."
I tried adding custom css for the slider, but I suspect I got the format/css/selectors wrong.
I could make it work with live editing in the browser. I'm wanting to move them to 5% from the bottom.
Thanks in advance!
Hello Julian,
Thank you for getting in touch with us!
The LayerSlider WP skin editor offers you a graphical way on your WP admin area to modify LayerSlider skins without the need to work with files on FTP. The Skin Editor automatically detects additional content, so you can customize skins from other sources as well. https://layerslider.kreaturamedia.com/documentation/#skin-editor
You can reach the Skin Editor by clicking to Options in LayerSlider WP side menu. Please note, that editing a skin requires some basic CSS knowledge.
Other option is that, if you create custom navigation buttons with layers, where you can add slide changing function in the links & attributes tab and set the layers to static in the transitions / other settings tab.
Best Regards,
Andrea | Kreatura Support Team
Thanks Kristof-
is there a way with the skin-editor to make new/custom versions that won't be erased on updates?
Is it possible to create the appropriate css in the specific sliders custom css section? (And what would that css be ;-) ?)
(I have basic CSS skills- I could edit an entire file easier than figuring out the cascade/final selector that gets applied.)
Either of these would be great for the one or two sliders where I need.a little more space in the upper area.
It'd be a lot quicker and easier than making custom buttons- though I appreciate that idea! (I'm moving from a site I developed from scratch, looking to do as little custom development as reasonable ;-))
Cheers!
Hello Julian,
Thank you for you feedback!
In this case, I suggest you to add a custom class to your sliders which you would like to edit ( slider settings / appearance / slider classes) and write a CSS code to LayerSlider / Options / CSS Editor.
If you could send me a screenshot about which part would you like to move 5% from the bottom and a link to your slider then I will show you an example code.
Best Regards,
Andrea | Kreatura Support Team
Thanks Kristof!
Here's the slider:
It's based on looking at some of the (excellent) template/example sliders.
I want to move the nav prev/next arrows to the bottom, in line with the slide play/pause/jump controls. i.e. so text boxes don't get obscured.
I have added a custom class "hp_slider1" to this sliders settings / appearance / slider classes and verified that appears in the right place in the browser.
I tried adding the following to slider settings / appearance / custom slider CSS:
margin-bottom: 0px;
.hp_slider1 .ls-nav-prev { top: 90%; }
.hp_slider1 .ls-nav-next { top: 90%; }
But that didn't work.
However ".hp_slider1 .ls-nav-prev" does select the right elements when typed manually in the chrome web inspector - and then manually setting. top to 90% does what I want.
Unfortunately the site is not yet live.
So close! :-)
Also, I've discovered the really cool slide transitions (including. origami) only apply to the background image of the slide. I probably missed it when I did a quick read over the instructions. and. reviewing the product description; but could that be indicated a bit more clearly on your website? (My first attempt at making a slider was based on copying your "people" example which uses CSS to do a gradient background. in the first layer. I was very confused as to why none of the slide transitions would work when I tried adding them. By chance I added an image background and then it worked for that slide and then it became obvious how things were working.)
Is there any way to "capture" the current slider's appearance (final view of all layers) and push that in as the slides background? ie so that the slide content is captured and used for the cool transitions?
Thanks in advance!
Hello Julian,
You should try to add !important to your rule. If it will not work then could you please export your slider and send it to me? In this case, please remove whitespace and special characters from the title because Ticksy couldn't handle it.
Thank you for your feedback about the slide transitions. Unfortunately, it is not possible to use them, only for background images. The solution which you write is not possible, so I suggest you to set layer transitions instead.
Best Regards,
Andrea | Kreatura Support Team
Hi Kristof-
thanks again for the help! I will try !important at some point.
But I've decided it's ok to just not have the left/right nav indicators - easiest solution ;-)
You are welcome!
Best Regards,
Andrea | Kreatura Support Team