Make meta slider images a link?

Hi @robmcp

If you enter a url on the slide does it not do this?

https://prntscr.com/ob16f9

????????? Well, I never noticed that. Sorry, poor eyesight and grey (not black for contrast) text Thanks for pointing out the obvious.
Although, has that always been an available feature from the start?

Hi @robmcp

It’s been there from the beginning actually. I’ll make a note about the contrast though and when we redesign the slides I’ll pay attention to that. Thanks for the feedback.

Thanks for the reply. Not being picky over the grey text, but old developers ( ME! ) have trouble with grey text. Waiting for new glasses…
Cheers. Rob.

Hello Again.
The original suggestion you supplied worked on the site the question was for. However I am trying it somewhere else and despite the HTML seeming to have an A HREF = added, the image does not behave as a link. Below is an example of some staging code, when I enter a URL it created the HTML >>>>

<li style="display: block; width: 100%; float: left; margin-right: -100%; position: relative; " class="slide-33 ms-image">
<a href="https://www.google.com/" target="_blank">
<img src="https://site.staging.com/wp-content/uploads/slider-1.png" class="slider3 slide-3" alt="image" rel="" title="blah slider image" srcset="https://etc" sizes="(max-width: 800px) 100vw, 800px" draggable="false" width="800" height="300">
</a>
<div class="caption-wrap">
<div class="caption">
<div class="Left-side">
<p>Small <a href="/shop/item-1/" class="Slider-1">Short bit of Image text </a> Available from Me!</p>
</div>
</div>
</div>
</li>

Any ideas as to why this will not work as a link, the text caption-wrap runs fine as a link, but not the main image?

Hi @robmcp

Can you share a URL with the slideshow on it and that in the caption? Will be easier to identify that way.

Can I send A PM link ? it’s in DEV / Test.

Hi,

You can use our support form here: https://www.metaslider.com/support/

Sorry to have bothered you
, it is not a paid one.

• This reply was modified 5 years, 6 months ago by robmcp.

Hi,

We read each submission so just include a link to this discussion and it’s ok.

This done, thank you.

Hi @robmcp

I saw your message in our other support. It’s a styling issue with some custom styles that have been added to the site.

You have

.Slider .metaslider .caption-wrap {
    background: transparent;
    right: 0;
    top: 0;
    opacity: 1;
    width: 100%;
    font-size: 1.8em;
    margin: auto;
    text-align: center;
    color: #FFFFFF;
    line-height: 0.8em;
}

which is setting the caption to cover the entire slide and thus hiding the on the slide. While I can’t spend a ton of time to update all the styling, it looks like a quick fix is to add on the following.

.Slider .metaslider .caption-wrap {
    top: auto !important;
    bottom: 10px!important;
}

This might have some side effects on other slides though so make sure you check everything over.

Hi @robmcp

Just realized that got formatted improperly. The second to last paragraph should read :

which is setting the caption to cover the entire slide and thus hiding the anchor tag on the slide. While I can’t spend a ton of time to update all the styling, it looks like a quick fix is to add on the following.

THANK YOU,
(Slow reply, sorry)

I really appreciate the time you took on this. The custom parts were written a while ago, I should have noticed that.
Thank you again.

Hi @robmcp

No problem! Let me know if you run into any other issues.

By the way, if you’re enjoying MetaSlider please leave us a 5-star review. They really help us out and let others find our plugin more easily. If you don’t think we deserve the 5 stars please let us know how we can improve, too. Thanks!

https://www.ads-software.com/support/plugin/ml-slider/reviews/?rate=5#new-post