Move nav and hide paging

  • Resolved demonboy

    (@demonboy)


    4 years, 8 months ago

    Hi,

    Just experimenting with layout of Flexslider and having a couple of issues with the nav menu using different themes. If you check the first image on this page you can see my left/right arrows are appearing at the bottom of the image, not the middle. Why is this? It’s the same issue no matter which slider theme I select.

    Secondly, I’d like to remove the paging numbers. I have tried

    .flex-control-nav flex-control-paging {display:none;}

    … but this only removes the ol element, not the following li elements within it.

    Any help appreciated. TIA

Viewing 2 replies - 1 through 2 (of 2 total)
  • Arreane

    (@yanex)

    4 years, 8 months ago

    Hi,

    The arrows are actually in the middle. It just looks like it’s in the bottom position because the first image is smaller compared to your slideshow height.

    When you look at a slide with huge image, you can see that it’s actually in the middle, and not at the bottom – https://share.getcloudapp.com/rRubWGpp

    Making sure that all your images are of the same height should fix your issue. You can do this by enabling the smart crop feature.

    As for the dots, you can hide them by adding !important to your css code.
    ol.flex-control-nav.flex-control-paging {
    display: none !important;
    }

    Thread Starter demonboy

    (@demonboy)

    4 years, 8 months ago

    Perfect. Thank you for the quick reply. I had been playing with the slider height settings, thinking it would affect image height, not the slider itself. That never occurred to me!

    Thanks once again, much appreciated.

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

The topic ‘Move nav and hide paging’ is closed to new replies.