Always show arrows on flexslider carousel

  • Resolved KurzBaginski

    (@kurzbaginski)


    3 years, 8 months ago

    Hello,
    I want to show the nav arrows in the ml-slider (flexslider, default theme, carousel) all the time, not only on hover. I have tried 

    .metaslider.ms-theme-simply-dark .flexslider ul.flex-direction-nav li a {
    background: rgba(255,255,255,0.43) !important;
    opacity: 1 !important;
    width: 50px!important;
}
.metaslider.ms-theme-simply-dark .flexslider ul.flex-direction-nav li a svg {
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important;
}

    and

    .metaslider .flex-direction-nav .flex-prev {
    opacity: 1; 
    left: 5px;
}
.metaslider .flex-direction-nav .flex-next {
    opacity: 1; 
    right: 5px;
}

    but that does not help.

    Does somebody have an idea?

    Best

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

Viewing 4 replies - 1 through 4 (of 4 total)

  • This option is available in the Pro version of MetaSlider through the custom themes.

    As a workaround, please add the following CSS:

    a.flex-next {
    transition: none !important;
    opacity: 1!important;
    right: 5px !important;
}
a.flex-prev {
    transition: none !important;
    opacity: 1!important;
    left: 5px !important;
}
    Thread Starter KurzBaginski

    (@kurzbaginski)

    Thanks, that does the trick!

    I’m glad that your issue has been fixed. Please let me know if you have questions.

    Thanks for this. I love it too.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Always show arrows on flexslider carousel’ is closed to new replies.