Support » Plugin: Livemesh Addons for Elementor Page Builder » testimonial slider arrows and direction

  • Resolved ehuds

    (@ehuds)


    Hello

    Can you please help me.
    the testimonial slider show the arrows in the wrong side of the slider.
    I was able to change the arrows but I cant change the slider direction. (i deleted the css so you can see the problem).

    This is the css I used for the arrows:

    .lae-flex-direction-nav a.lae-flex-next:before {
    content: “\e900” !important;
    }

    .lae-flex-direction-nav a.lae-flex-prev:before {
    content: “\e901” !important;
    }

    I think you can help with a better solution.

    any css to fix it?

    Thanks

    Ehud

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author livemesh

    (@livemesh)

    This is standard way to represent arrows in RTL. You can change it if you want using the custom CSS –

    .rtl .lae-container .lae-flex-direction-nav a, .rtl .lae-container .lae-flex-direction-nav a:hover {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    ehuds

    (@ehuds)

    Hey

    Thanks, that does fix the arrow problem.

    but… the slider direction is in the opposite direction from the arrows.

    I tried many thing with no luck.

    I found that if I change the direction of the slider to LTR while inspecting in chrome it fix all the style problems including the arrows.

    element.style {
    direction: ltr;
    }

    but I dont know how to make it permanent. I tried with css with no luck.

    Is there an option to do that? hope you can help 🙂

    Thanks a lot for your help.

    Ehud

    Plugin Author livemesh

    (@livemesh)

    You can try this custom CSS. It seems to work.

    .lae-testimonials-slider {
        direction: ltr !important;
    }
    ehuds

    (@ehuds)

    Hey

    I tried this option, but looks like its being overwriting by something.
    It is working in WordPress customizer but when publishing and refreshing page its gone.

    any thoughts?

    Thanks for your time

    Ehud

    ehuds

    (@ehuds)

    Is there a way to switch between the two arrows? this way it will work correctly (in my theme any why).

    You can use the below custom CSS to interchange the arrows.

    
    .rtl .lae-container .lae-flex-direction-nav a, .rtl .lae-container .lae-flex-direction-nav a:hover {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
Viewing 6 replies - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.