Limited availability during the holidays

Another busy year is coming to its end, and an exciting year lies ahead. In order to get ready for a fresh new start, our team will spend a few days' rest during the winter holidays. Over the holiday break, we will have reduced staffing from December 20th, 2024, to January 5th, 2025, so please be patient if you do not receive a response as quickly as you normally would.

We send our warmest wishes for happiness, health, and success throughout the coming year. Thank you for your continued support, and may you have a peaceful and blessed Happy Holidays!

Okay
  Public Ticket #2250634
Accordion Style Slideshows
Closed

Comments

  • Mick-kelly Pierre started the conversation

    Good morning, I have 2 questions how do I move the slider arrows, and do you have any accordion slideshow templates?



    best regards,


    - Mick

  • [deleted] replied

    Hello Mick,

    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.

    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.

    But if you're willing to try, you can approach this two ways. You can either edit the image file that contains the arrows. It was 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 arrows' 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. The classes you are looking for are .ls-nav-prev, .ls-nav-next

    You can find all of the available demo sliders in the Template Store: https://layerslider.kreaturamedia.com/sliders/ You can check them to see if any fits your needs.

  • Mick-kelly Pierre replied

    Thank you for your help, I figured it out I used the code "visiblity: hidden;" to hide the unwanted arrow.