Support » Plugin: MetaSlider » flex-nav-prev li elements visible below slider

  • Resolved wordHab

    (@wordhab)


    List item bullets appear below the slider. They seem to be part of the next and previous arrows. This is the markup for them:

    <ul class=”flex-direction-nav”>
    <li class=”flex-nav-prev”><
    <li class=”flex-nav-next”>>

    I’m using Meta Slider v3.6.1

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

Viewing 13 replies - 1 through 13 (of 13 total)
  • Plugin Contributor kbatdorf

    (@kbat82)

    Hey @wordhab, this looks to be your theme adding some styles. You’ll have to remove or override this:

    .entry-content ul>li {
        list-style-type: square;
    }

    Hey kbatdorf, I have the same problem on my site…
    http://denniscarstensauthor.com/
    help?
    =)

    Plugin Contributor kbatdorf

    (@kbat82)

    Hi @intcon,

    We will send out another update with some style overrides that should fix this issue.

    In the meantime, you can add this to your css:

    .flex-direction-nav {
        list-style: none!important;
    }

    which will remove the dots. Sorry about that!

    awesome! thank you! is there anything that can be done about removing the whitespace now?

    Thanks! I couldn’t get the .entry-content or .flex-direction-nav methods to work but this did:

    .flex-nav-prev {
        list-style: none!important;
    }
    .flex-nav-next {
        list-style: none!important;
    }
    Plugin Contributor kbatdorf

    (@kbat82)

    @wordhab, nice catch. Probably better to be more specific there. I just added it to the style list in our next release. Thanks.

    @intcon we just sent a new update (3.6.2), can you see if that fixes everything?

    omg you are awesome. thank you thank you thank you!!!!!!

    Just updated to 3.6.2 but still see the bullets.

    http://www.ucw.org/mission/nicaragua/

    Alex

    Plugin Contributor kbatdorf

    (@kbat82)

    Hi @wordhab, I’m not seeing them there. Maybe there was a caching issue? Everything good now?

    Could be a caching issue but I still see bullets in Opera and Chrome though not in Firefox or Safari. Additionally, in the latter two the circles below the image have no space between them, in the former they do. iPhone is the same as Safari.

    Thanks,
    Alex

    Plugin Contributor kbatdorf

    (@kbat82)

    Hi Alex, I’m working on this now and will have an update to fix those dots later on. Flexslider removed some styling that we missed during the upgrade.

    In the meantime you can add this to override the margins:

    .flex-control-nav li {
        margin: 0 6px!important;
    }
    .metaslider .flexslider .flex-control-nav {
       padding: 10px!important;
    }

    You can adjust these how you would like though.

    Great, thank you! That fixed the dots problem.

    Plugin Contributor kbatdorf

    (@kbat82)

    Sorry for the inconvenience. This should be fixed in the latest release. If you upgrade the plugin and still have a concern, please reopen this issue of start a new one. Thank you.

Viewing 13 replies - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.