Slideshow: Layer Slides – MetaSlider

Skip to content

Slideshow
Gallery
Pricing
Docs
Support

Login

Getting Started

7

Getting Started With MetaSlider Free Versions
Getting Started With MetaSlider Pro Versions
How to Add Slideshows or Galleries to Your Site
MetaSlider Slideshow Changelogs
MetaSlider Gallery Changelogs
MetaSlider Slideshow Free vs Pro
MetaSlider Gallery Free vs Pro

MetaSlider Pro Versions

5

How to Use MetaSlider Pro Licenses
Is There a Free Trial of MetaSlider Pro Versions?
MetaSlider Pro and Multisite Licenses
Can I Install MetaSlider Pro on a Development Site?
My MetaSlider License Won’t Connect

MetaSlider Pro Accounts

6

Does MetaSlider Pro use Recurring Subscriptions?
How to Upgrade Your MetaSlider Pro Account
How to Renew a MetaSlider Subscription Early
MetaSlider Refund and Cancellation Policy
How to Cancel MetaSlider Pro
Paperwork for MetaSlider Users

Slideshow: Slide Types

13

Introduction to Image Slides
Introduction to Vimeo Slides (Pro)
Introduction to YouTube Slides (Pro)
Introduction to External Image Slides (Pro)
Introduction to Post Feed Slides (Pro)
Introduction to Layer Slides (Pro)
Introduction to Local Video Slides (Pro)
Introduction to External Video Slides (Pro)
Introduction to TikTok Slides (Pro)
Introduction to Custom HTML Slides (Pro)
Introduction to Post Images Slides (Pro)
Introduction to WooCommerce Slides (Pro)
Can I Mix Slide Types in One Slideshow?

Slideshow: Image Slides

3

Introduction to Image Slides
Image Crop Options
MetaSlider and Unsplash

Slideshow: Themes

11

Themes Available for Slideshows
How Do I Use A Slideshow Theme?
How to Add Custom CSS
Full Width Slideshows with MetaSlider
Full Screen Slideshows with MetaSlider
Showing Mixed Image Sizes in MetaSlider
Slide Looping Options in MetaSlider
How to Change the MetaSlider CSS Styles
How to Add Custom CSS Classes
Customize the Slideshow Container (Pro)

Slideshow: Captions

4

Introduction to Captions in MetaSlider
Add Buttons to Captions
Use the Theme Editor to Change Captions (Pro)
Captions for Video Slides (Pro)

Slideshow: Carousels

2

How to Build a Carousel Slideshow

Slideshow: Animations

3

Transition Effects
Image Animation Effects
Ken Burns Effect (Pro)

Slideshow: Slide Navigation

7

Arrows Navigation in MetaSlider
Dots Navigation in MetaSlider
Numbers Navigation in MetaSlider
Thumbnail Navigation in MetaSlider (Pro)
Filmstrip Navigation With MetaSlider (Pro)
Progress Bar Navigation in MetaSlider

Slideshow FAQs

8

How to Export and Import Slideshows
How to Schedule Slides in MetaSlider (Pro)
Recommended Height and Width Settings for Slides
Is MetaSlider GDPR Compliant?
How to Collect Statistics for Slideshows
Access to the MetaSlider Admin Area
Enable or Disable the Frontend Editing Links in MetaSlider
Display A Slideshow Only on Specific Posts or Pages

Slideshow: Page Builders

10

MetaSlider and SiteOrigin
MetaSlider and Bricks Builder
MetaSlider and the Site Editor
MetaSlider and the Gutenberg Block Editor
MetaSlider and the Classic Editor Plugin
MetaSlider and Visual Composer
MetaSlider and WPBakery
MetaSlider and Divi Theme and Builder
MetaSlider and Beaver Builder
MetaSlider and Elementor

Slideshow: Plugin Integrations

3

MetaSlider and The Events Calendar (Pro)
MetaSlider and WooCommerce (Pro)
MetaSlider and Advanced Custom Fields (Pro)

Slideshow: Screen Sizes

5

Device Settings (Smartphone / Tablet / Laptop / Desktop)
Hide Caption Elements on Screen Sizes
Touch Swipe for Mobile Devices
Different Slideshows For Different Screen Sizes
Hide Elements in Layer Sliders for Some Devices (Pro)

Slideshow: Theme Editor

2

Introduction to the MetaSlider Theme Editor
Use the Theme Editor to Change Captions (Pro)

Slideshow: Advanced Slide Options

5

How to Hide Slides in MetaSlider
Lazy Load for Images and Videos
How to Customize the Slide Delay (Pro)
How to Repeat Slides in MetaSlider (Pro)
How to Schedule Slides in MetaSlider (Pro)

Slideshow: Layer Slides

5

Introduction to Layer Slides (Pro)
How to Add Background Videos to Layer Slides (Pro)
How to Add Animations to Layer Slides (Pro)
How to Add Shortcodes in Layer Slides (Pro)
Hide Elements in Layer Sliders for Some Devices (Pro)

Slideshow: Post Feed Slides

6

Introduction to Post Feed Slides (Pro)
Image Sources for Post Feed Slides (Pro)
How to Use Custom Fields in Post Feed Slides (Pro)
How to Use the Excerpt in Post Feed Slides (Pro)
How to Use Tags and Categories in Post Feed Slides (Pro)
Dynamic Slideshows For Taxonomies (Pro)

Slideshow: Custom HTML Slides

1

Introduction to Custom HTML Slides (Pro)

Slideshow: TikTok Slides

1

Introduction to TikTok Slides (Pro)

Slideshow: Image Folder Slides

1

Introduction to Image Folder Slides (Pro)

Slideshow: External Image Slides

1

Introduction to External Image Slides (Pro)

Slideshow: Local Video Slides

2

Introduction to Local Video Slides (Pro)
Video Text Track (VTT) Captions for Local Videos (Pro)

Slideshow Troubleshooting

12

How to Find Error Messages for MetaSlider
How to Troubleshoot MetaSlider
Legacy Slideshow Options
How to Remove White Space Under Slideshows
Using “No Conflict Mode” in MetaSlider
A Slide Is Not Displaying on the Frontend
A Video Thumbnail is Not Displaying
How Do I Fix Poor Image Quality?
How Do I Fix W3C Validation Errors?
Auto Play and Audio for Video Slides
The Launch Layer Editor Button Is Missing
Extra Break Tags Appearing in Slideshows

Slideshow: External Videos Slides

2

Introduction to External Video Slides (Pro)
Video Text Track (VTT) Captions for External Videos (Pro)

Slideshow: Translations

2

How to Translate MetaSlider
Multilingual Slideshows With MetaSlider And WPML

Slideshow: Accessibility

2

Accessibility Options in MetaSlider
Play / Pause Button

Slideshow: Vimeo Slides

1

Introduction to Vimeo Slides (Pro)

Slideshow: Post Images Slides

1

Introduction to Post Images Slides (Pro)

Slideshow: Theme Integrations

4

Create a Custom MetaSlider Theme
Can I Distribute MetaSlider in a Theme?
MetaSlider and the Astra Theme
MetaSlider and the Vantage Theme

Slideshow: YouTube Slides

2

Introduction to YouTube Slides (Pro)
What YouTube URL Formats Can You Use in MetaSlider?

Slideshow: Cache and Optimization

8

WP Super Cache and MetaSlider
WP Rocket and MetaSlider
Autoptimize and MetaSlider
Smush Image Optimization and WordPress
WP Fastest Cache and MetaSlider
LiteSpeed Cache and MetaSlider
W3 Total Cache and MetaSlider
WP-Optimize and MetaSlider

Slideshow: Code Samples

13

Display the Image Title Attribute Above the Image
Modify the Arrows on Slideshows
Add an Overlay for Vimeo Slides
Show a Slideshow via the WordPress API
Hide a Slideshow on Mobile
Capture Slide Details with Javascript
Change the Scrset and Rel Attributes For Slide Images
Change the Slideshow Height to Match Each Image
Disable Touch Events in FlexSlider for MetaSlider
Enable Lazy Loading in MetaSlider
Stop Jetpack Breaking Images on MetaSlider
Exclude the Current Post from the Slideshow
How to Change MetaSlider Caption Styles

Slideshow: WooCommerce Slides

1

Introduction to WooCommerce Slides (Pro)

Slideshow: Developers

11

MetaSlider Database Information
Metaslider_post_feed_args
Metaslider_default_parameters
Metaslider_resized_image_url
Metaslider_image_{$type}_slider_markup
Metaslider_{type}_slider_anchor_attributes
Metaslider_{type}_slider_javascript
Metaslider_{type}_slider_javascript_before
Metaslider_{type}_slider_parameters
Metaslider_{type}_slider_image_attributes
Properties for MetaSlider Slideshow Libraries

MetaSlider Gallery

11

Introduction to the MetaSlider Gallery Plugin
Create Image Galleries With MetaSlider Gallery
Design Options for MetaSlider Gallery
How to Open Images in a Gallery Window
How to Open Image Galleries in a Gallery Window
How to Open Slideshows in a Gallery Window
How to Open Local Videos in a Gallery Window
How to Open YouTube Videos in a Gallery Window
How to Open Vimeo Videos in a Gallery Window
How to Open Featured Images in a Gallery Window
Features in the MetaSlider Gallery Window

MetaSlider Security

1

Security Issues and How to Report Them

View Categories

Home
MetaSlider Documentation
Slideshow: Layer Slides

Slideshow: Layer Slides

Layer Slides allow you to creates layers of different elements on top of your slides.

Introduction to Layer Slides (Pro)
How to Add Background Videos to Layer Slides (Pro)
How to Add Animations to Layer Slides (Pro)
How to Add Shortcodes in Layer Slides (Pro)
Hide Elements in Layer Sliders for Some Devices (Pro)

Start Building Sliders and Galleries Today!

Create and publish WordPress slideshows and galleries in minutes…

Get MetaSlider Now

MetaSlider Gallery is HereMay 28, 2026
How to Use Animation on WordPress SlideshowsApril 26, 2026
MetaSlider Has Big Improvements for Vertical SlideshowsApril 23, 2026
How to Use Keyboard Navigation With MetaSlider SlideshowsApril 16, 2026
How to Create a Vertical Slideshow in MetaSliderApril 10, 2026

Wattletales

I am a website newbie so you cannot imagine how excited I was when I discovered MetaSlider. I’ve used it a number of times and it adds a lot of panache to what is currently a fairly straightforward site.
Hrsms

This is a great tool for showing many images without making the page too large. My content is extremely photo-driven, and I prefer having a slideshow over a long list of images. This plugin creates a great slide show and is very easy to use.

Helpful Links

MetaSlider Demos
Brand Materials
MetaSlider Blog
Support
Pre-Sales Questions
Plans & Pricing
Lifetime Subscriptions

Our Projects

PublishPress
TaxoPress
Logtivity

Comparisons

MetaSlider vs Smart Slider
MetaSlider vs Slider Revolution

Terms of Use
Privacy Policy

© 2026 MetaSlider LLC

Slideshow
Gallery
Pricing
Docs
Support

Search for: