Okay
  Public Ticket #2710088
Change location of slider navigation buttons.
Closed

Comments

  • Bill Mitchell started the conversation

    Hi,

    I'm using the Carousel Slider Skin and would like to change the position of the navigation buttons.  How is this done?

  •  244
    Kreatura Support replied

    Hello Bill,

    You can change the position of the navigation buttons with custom CSS.

    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. 

    Best Regards,
    Andrea | Kreatura Support Team

  • Bill Mitchell replied

    I am aware I can use CSS to change the slide navigation buttons.  I need to know the css to use and where to place it.  I want to adjust the positioning of the navigation buttons on the carousel skin.

    Thanks!

  •  244
    Kreatura Support replied

    Hello Bill,

    Unfortunately, we can't provide an exact code if we don't know exactly what would you like to achieve.

    We will help you to get started, but please note that customer support does not include customization, so I can only give you an example code and you will need web development knowledge to achieve these changes.
    So please send me an image about how would you like to position the navigation buttons.

    Thank you, in advance.

    Best Regards,
    Andrea | Kreatura Support Team

  • Bill Mitchell replied

    I'd like to know the css required for repositioning the placement of navigation buttons and where to place that css. For example, if I'd like the navigation buttons on the carousel skin to be 5 pixels higher than stock, how do I achieve that?

    This is a straightforward question.

  •  244
    Kreatura Support replied

    Hello Bill,

    You should try this code for example:

    .ls-carousel .ls-gui-element.ls-bottom-nav-wrapper {
    margin-top: -40px;
    }

    You can place the CSS code to the LayerSlider / Options / CSS Editor.

    Best Regards,
    Andrea | Kreatura Support Team