Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
  • #257834

    I was trying to get a similar layer slider setup as this one: on one of our pages.
    The steps below are what needs to be done (copied pasted from to create one. It seems however The Carousel Skin is missing from the drop down menu?

    1. Create a new slider
    2. Select the Carousel skin
    3. Add your item images as slide backgrounds (the best look with semi-transparent PNG images)
    4. Create your other layers like normally
    5. Select and add “Carousel” (id = 73) from 2D transitions to all the slides

    What I would like to achieve is this: (By clicking the pictures of mentors at the bottom, content on top of the pictures changes)

    Thanking you in advance for all your help


    Hey Edna!

    Thank you for using the theme!

    I’m sorry but as far as I know, Kriesi disabled the layer slider skins. You can enable the thumbnail navigation on Slider Settings > Thumbnail Navigation > Appearance > Thumbnail navigation then add the picture of the member for each slide. You can then create different slides with the team member picture and description.



    Alternatively if you really want this feature you can try using LayerSlider as standalone plugin.



    Thanks so much. I haven’t been able to try and implement Ismael’s suggestion yet. It’s been rather very busy. Will be able to try it out tomorrow. If it doesn’t work out I might just go for the stand alone version.
    If we do get the stand alone version will it overwrite everything that’s been done on the site?




    No, the sliders should remain there, even if they don’t you can always import/export them.

    But you’d need to disable the bundled LS that comes with Enfold:

    Best regards,


    I actually went with a content slider. The carousel layer slider just didn’t do the trick. The thumbnails were not showing. (Same password as before)
    1- I have a question: is it possible to reduce the spacing below the title “This is a content slider” and just above where the actual content is (without effecting any other spacing)? I just find it a bit too big
    2- I have selected “Ye, display arrow and control buttons” I see the arrows on my page but not the dot control buttons.
    Thanks in advance



    What is the password for the blog? I don’t see it above.


    This reply has been marked as private.


    Thank you for the info.

    1.) Please add this on Quick CSS or custom.css to remove some spacing between the elements:

    .avia-content-slider {
    margin: 0;
    div.av-special-heading.av-special-heading-h2.custom-color-heading.avia-builder-el-7.el_after_av_one_full.el_before_av_content_slider {
    padding-bottom: 0 !important;

    2.) You can only choose between dot and arrow controls or remove the navigation entirely. Please check. :)



    Thanks so much Ismael worked great.
    For #2 I must have been looking at something else. Yes it’s one or the other. :)


Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Layer slider Carousel skin’ is closed to new replies.