Important notice: we will respond to all open ticket requests up until November the 1st. After this date, we will be unable to process the ticket requests here on Ticksy.

Okay
  Public Ticket #1258257
Direction of images in Elated Gallery when arrows pressed
Closed

Comments

  • Marcel started the conversation

    I have the elated gallery on each listing page and when compared to other sliders the images move in the wrong direction when the arrows are pressed. I can't seem to find a way to reverse the direction. See: http://hof-amersfoort.nl/locatie/la-scala/

    When pressing right > all the images should move to the left so the right images appear.

    When pressing < the images should move right revealing the left images. 

    The gallery seems to be based on this script, which works correctly as requested above: http://kenwheeler.github.io/slick

    Hope you can help, thanks!

  •  1,845
    Elated replied

    Hello there,

    Thank you for choosing our theme and writing in.

    This is default behavior since when clicked left whole slider moves left and vice versa, but if you want to different behavior it can be done with minor Custom Css modification. Just paste this Custom Css code into Elated Options > General > Custom Css field https://www.screencast.com/t/N7RuGIL44Lx :

    span.eltd-gallery-arrow.right.lnr.lnr-chevron-right.slick-arrow {
        left: 20px;
        width: 40px;
    }
    span.eltd-gallery-arrow.left.lnr.lnr-chevron-left.slick-arrow {
        left: calc( 100% - 50px );
    }
    .lnr-chevron-left:before{
        content: "\e876";
    }
    .lnr-chevron-right:before{
        content: "\e875";
    }

    Please let us know if this solved the issue and if there is anything else we can do for you.

    Thanks.


    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.

  • Marcel replied

    Thanks! It works! See: http://hof-amersfoort.nl/locatie/fiji-grand-cafe/

    Only ... I still want the arrows to point outward. How can I fix that and retain the current functionality?

  •  1,845
    Elated replied

    Hi,

    We are so sorry for the delay, there were some issues with ticksy recently.

    Can you please check whether you have copied that code properly since it is missing \ symbol for the content as we shown in next screenshot https://www.screencast.com/t/6tzgJTrDMFdl so please make sure that this code is in Custom Css field https://www.screencast.com/t/EJQuLDlOUh9 :

    span.eltd-gallery-arrow.right.lnr.lnr-chevron-right.slick-arrow {    left: 20px;    width: 40px;
    }
    span.eltd-gallery-arrow.left.lnr.lnr-chevron-left.slick-arrow {    left: calc( 100% - 50px );
    }
    .lnr-chevron-left:before{    content: "\e876";
    }
    .lnr-chevron-right:before{    content: "\e875";
    }

    Please let us know if this solved the issue and if there is anything else we can do for you.

    Thanks.


    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.