Support » Plugin: MetaSlider » Dot navigation CSS Mod Needed

  • Resolved madriverweb

    (@madriverweb)



    In one of the latest version updates, something changed in the dot nav CSS for Flex Slider. The dots slightly overlap the slideshow and are shifted right by 40px. The following CSS classes seem to have been deleted from one of the style sheets and will fix this problem. I am having to add it to my sites, so if you can fix it in the next update, that would be helpful.

    .entry .metaslider ol,
    .entry-content .metaslider ol { margin-bottom: 10px; margin-left: 0; padding: 0; } /* to fix metaslider bullets that moved with their update */

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

    (@kbat82)

    Hi @madriverweb,

    Can you let me know which theme you’re using? Do you have a link to the site? We do have a style rule that should be specific enough for most situations, but it’s likely the theme is being too specific.

    body .metaslider .flexslider .slides ol {
        border: 0;
        margin: 0;
        list-style-type: none;
        list-style: none;
        padding: 0;
        line-height: normal;
        max-width: none;
        max-height: none;
    }
    • This reply was modified 11 months ago by  kbatdorf. Reason: code formatting
    madriverweb

    (@madriverweb)

    Found it on two themes so far, Genesis Gallery Pro and Genesis Beautiful. I saw code such as above before updating the plug-in on one of the sites and then it was not in the new code.

    (I just removed the links.)

    • This reply was modified 11 months ago by  madriverweb.
    Plugin Contributor kbatdorf

    (@kbat82)

    Hi @madriverweb,

    Thanks for providing those links. Actually, I see it is a bug and after further testing we will update it in our next release.

    Here’s what will likely be added if you wish to try it out now to make sure it’s working.

    body .metaslider .coin-slider,
    body .metaslider .nivoSlider,
    body .metaslider .nivoSlider img,
    body .metaslider .rslides,
    body .metaslider .rslides li,
    body .metaslider .flexslider ul,
    body .metaslider .flexslider ol,
    body .metaslider .flexslider .slides li,
    body .metaslider .flexslider .slides img,
    body .metaslider .flexslider .flex-direction-nav,
    body .metaslider .flexslider .flex-direction-nav li {
        border: 0;
        margin: 0;
        list-style-type: none;
        list-style: none;
        padding: 0;
        line-height: normal;
        max-width: none;
        max-height: none;
    }
    Plugin Contributor kbatdorf

    (@kbat82)

    Actually, I might be adding it directly to the ol element with the class of .flex-control-nav, but it should have the same effect

    madriverweb

    (@madriverweb)

    Great, thanks! (I removed my links.)

    madriverweb

    (@madriverweb)

    Forgot to mark as resolved.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Dot navigation CSS Mod Needed’ is closed to new replies.