• 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)
  • 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?
    =)

    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?

    Thread Starter wordHab

    (@wordhab)

    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;
    }

    @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!!!!!!

    Thread Starter wordHab

    (@wordhab)

    Just updated to 3.6.2 but still see the bullets.

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

    Alex

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

    Thread Starter wordHab

    (@wordhab)

    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

    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.

    Thread Starter wordHab

    (@wordhab)

    Great, thank you! That fixed the dots problem.

    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)
  • The topic ‘flex-nav-prev li elements visible below slider’ is closed to new replies.