Here's what I need…will Meta Slider do it?

  • Resolved Who_Dat

    (@who_dat)


    9 years, 8 months ago

    I need a single rank of thumbnails to use as navigation. Clicking any thumbnail should neither pop up nor swap out a larger image; instead, it should take you to a different web page. (In other words: this is meant to be strictly a navigation element, and not a slide show.) There will be more thumbnails than will fit horizontally within the parent div, which is why I need a slider.

    I have made a cursory attempt at setting something like this up with Meta Slider, but all the thumbnails I upload display enormously enlarged. Yet this plugin does include some controls that I need, such as caption. So, I’d like to find out if it really can work the way I need it to, and what I need to do differently; or, if I need to look elsewhere.

    Thanks to anyone who can provide some insight.

    https://www.ads-software.com/plugins/ml-slider/

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

  • Hi there,

    It sounds like the closest thing would be the Carousel mode:
    https://www.metaslider.com/examples/carousel/

    Thanks,
    Dave

    Thread Starter Who_Dat

    (@who_dat)

    That works pretty well…but is there any way to make the forward and back arrows fixed and visible, rather than invisible until you mouse over the carousel? Even if it means hacking the plugin.

    Hi there,

    There is a setting in the Theme Editor (Meta Slider Pro only) called ‘Always Show’.

    If you provide a link to your site I should be able to recommend some custom CSS for the arrows to always be visible.

    Thanks,
    Dave

    Thread Starter Who_Dat

    (@who_dat)

    The initial design workup is at https://clients.marketdigita.com/hultsbruk/

    The slider displays the product line, but without visible navigation it makes it seem as though the product line is limited to six models.

    Adding the following CSS should override the existing CSS which is only firing on hover:

    .metaslider .flexslider .flex-next {
    opacity: 0.8;
    right: 5px;
    }
    .metaslider .flexslider .flex-prev {
    opacity: 0.8;
    left: 5px;
    }

    Thanks,
    Dave

    Thread Starter Who_Dat

    (@who_dat)

    Thanks Dave, that works well…I think. I have those elements set with a red background, just so they’ll be easily visible. The problem is, there’s no text showing inside the anchor tag…even though it has a style of color: #fff !important; attached to it. That shouldn’t even be a problem, because I intend to use images for the arrows, but I wanted to make sure everything was actually working as it should.

    So my next problem is: how do I get the arrows to show up, and will they be context-sensitive — in other words, will the “Previous” arrow disappear at the start, and the “Next” arrow disappear at the end?

    BTW…I went ahead and upgraded to Pro, order # 5278854. I don’t mind at all paying for plugins if they work and the support has been as good as with this one.

    Hi,

    Thanks for upgrading!

    Feel free to contact us via our website for priority support now:
    https://www.metaslider.com/

    The text is indented in the CSS by default, so you can add the following to each of the selectors above which should reset it for you:

    text-indent: 0;

    Thanks again,
    Dave

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Here's what I need…will Meta Slider do it?’ is closed to new replies.