Arreane

Having 140 images on a single page would likely slow down your site.

You can try to reduce it down until you will no longer see the error from your Google Page Insights.

Even if you break it down into different slideshows, but if you’re still loading them into the same page at the same time, the results will still be the same.

Hi,

I would just like to add that MetaSlider doesn’t allow a self-hosted video. MetaSlider only accepts YouTube and Vimeo urls for the video slide.

Thank you for pointing this out. This has been escalated to the development team. We’ll try to get this removed on the next release.

Hi,

May I know which button is not working for you?

Most of the time when a button doesn’t work is that there is more-likely a javascript error that would prevent any MetaSlider functionality from running.

You can check and see if there are errors in your dev tools.

• Open the DevTools

  Press Command+Option+J (Mac) or Control+Shift+J (Windows, Linux, Chrome OS) to jump straight into the Console panel of Chrome DevTools.

  Or, navigate to More Tools > Developer Tools from Chrome menu, and click Console tab.

• Identify the Error

  The error console will open. If you don’t see any errors try reloading the page. The error may be generated when the page loads.

  The console will provide you with the error type, the location of the error and the line number

Hi,

Please add the following code below to your functions.php to hide the Add Slideshow button from the classic editor.

add_action( 'init', 'remove_filters' );
function remove_filters(){
    global $wp_filter;
   
    foreach($wp_filter['media_buttons']->callbacks[10] as $filter_callback => $value) {
    	if(strpos($filter_callback, 'insert_metaslider_button') !== false) {
    		unset($wp_filter['media_buttons']->callbacks[10][$filter_callback]);	
    	}
    }
}

We haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.

Thank you for providing the link. Please use the following CSS code.

#metaslider-id-53985.metaslider a.flex-prev,
#metaslider-id-53985.metaslider a.flex-next {
    width: 20px !important;
    height: 48px !important;
    background: none !important
}
#metaslider-id-53985.metaslider a.flex-prev:before,
#metaslider-id-53985.metaslider a.flex-next:after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    display: block;
    font-size: 30px;
    text-indent: 0;
    color: #fff;
}
#metaslider-id-53985.metaslider a.flex-prev:before { content: '\f053'; }
#metaslider-id-53985.metaslider a.flex-next:after { content: '\f054'; }