Issue with update 3.36.0 – slider not displaying

Hi @jimithing007. Thanks for using MetaSlider and doing this first on a test site.

Can you test for possible sources of this problem:

• Do you have a cache / optimization plugins on this site?
• Does it help if you change the MetaSlider settings, such as the height/width or choosing a new theme?

Hi @jimithing007,

please add this custom CSS through Customize > Additional CSS:
.metaslider .slides [aria-hidden=”true”] a {
display: block;
}

Looking forward to help you

@stevejburge – No special caching/optimization plug-ins on these sites. I changed both the height/width of the slider on the home page, no change. I changed my theme to Twenty Twenty Three, it still didn’t display. I’ve since changed it back to Astra.

I’ve also tried deactivating all plugins, no change. The issue remains.

@htmgarcia – I plugged this code under Additional CSS, but nothing changed.

Hi @jimithing007 can you please try changing the Effect to Fade?

@rochdesigns yep, that seems to be the issue. I switched the home page slider to “Fade” and it seems to work just fine: https://o6l.0ab.myftpupload.com/

Is there fix upcoming on the “Slide” effect, or something I need to implement? I have 144 slideshows on one of my websites, so changing the effect on all of them is less than ideal, haha.

Hi @jimithing007,
please add this custom CSS through Customize > Additional CSS. This should fix your slideshows with “slide” effect:

.metaslider .slides [aria-hidden=”true”] a {
display: block;
}

Let us know if this works for you as we work in a permanent solution

@jimithing007 sorry, forgot to mention this. Add !important next to block:

display: block !important;

@htmgarcia that code doesn’t seem to change anything on my end, unless I’m doing something wrong.

I’ll just leave my live websites on version 3.35.0 until there’s a permanent fix. If you need any other info from me to help with this, let me know.

Even with !important; I couldn’t get it to work…

.metaslider .slides [aria-hidden=”true”] a {
display: block !important;
}

Either way, these are staging sites so I can leave them for now. I just won’t update my live websites until there’s a fix.

Thanks!

As alternative solution, please install previous version of the plugin. You can download it from here and install as a regular plugin

Regards

@htmgarcia thank you. I have been using the WP Rollback plugin as well. That seems to work OK.

This was an issue for me as well. The CSS hot fix provided by @htmgarcia wasn’t working because the quotation marks were not properly formatted – probably got changed on here because they weren’t in a code block. The below version does work so we can continue using the latest version:

.metaslider .slides [aria-hidden="true"] a {
display: block!important;
}

Hi @jbalyo,
I’m glad the CSS fix worked for you.

Regards

@jbalyo thank you! It must’ve been the format. I got it to work on all of my sites as well using your CSS code.

Does this line of code need to be deleted before the next update? I’m just worried I’ll forget, don’t want to mess something up : )

@jbalyo Thank you from me too – that’s working fine. I assume I’ll remove the additional CSS when the next plugin update happens.

Thanks all!