Slider Revolution WordPress 5.x Documentation
First Steps
- Create a new Slider
Build a new Slider from scratch - Start with a Demo Slider
Work with a pre-built template - Slider Management
Embed, export, duplicate, etc.
Second Steps
- Create a new Slide
Build a new Slide from scratch
- Start with a Demo Slide
Work with a pre-built slide template
- Individual Slide Management
Order slides, Static Layers, etc.
Slider Setup
- Content Source
Default Gallery, Post-based Slider, Instagram, Facebook & more
- Slider Title & Shortcode
Slider title, alias & generated shortcode
- Slider Type
Standard Slider, Hero Scene or Carousel
- Slide Layout
Full Width, Full Screen, Layers Grid Size, etc.
- Layers Grid Size
Slider’s initial size + Responsive Grid Sizes
Slider Settings
- Settings Primer
Settings Previews & Quick Links
- General Settings
Autoplay, Progress Bar, Randomize & more
- Layout & Visual
Default background, Preloader, margins, etc.
- Navigation
Arrows, Bullets, Tabs, Thumbs, Touch, Keyboard & Mouse
- Google Fonts
Load a Google Font to be used for your slider’s text
Individual Slide Settings
- Main Background
Image, video, solid colored, transparent
- General Settings
Slide delay, visibility settings, thumbnail
- Slide Animation
60+ pre-built animations, animation duration, easing
- Slide Link
Open a new page or navigate to a different slide
Individual Slide Content
- Add New Layer
Text, HTML, images, video, buttons, icons & shapes
- Layer Settings & Styles
Font size, color, position, etc.
- Layer Animations
Start/End animation timing and easing
- Layers Timeline & Sorting
Visibility timeline & layers stacking order
Responsive Settings
- Layers Grid (slide layout)
Define grid sizes per device
- Mobile Content Size / Position
Modify font size and layer position per device
- Layers Responsive Behavior
Responsive alignment and positioning
- Layers Mobile Visibility
Disable slider on mobile, hide layer content below screen size
Add Slider to Web Page
- Shortcode Method
Copy and paste slider’s shortcode into your page/post
- Quick Shortcode Method
Auto-add shortcode from WYSIWYG editor
- Widget Method
Add slider to one of your theme’s widget areas
- PHP Method (advanced)
Add slider to one of your theme’s template files
Video, Hyperlinks, Alt Text
- YouTube, Vimeo & HTML5 Video as Slide’s Main Background
Add video as slide’s main background or as a content layer
- YouTube, Vimeo & HTML5 Video as Content Layer
Add video as slide’s main background or as a content layer - Hyperlinking an entire Slide
Add a hyperlink to the current slide itself
- Hyperlinking Individual Content Layers
Hyperlink a specific content layer
- Main Background Image Alt Text
Add alt text to the main background image for SEO
- Image Layer Alt Text
Add alt text to individual image layers for SEO
Special Features
- Layer Actions
Control layer visibility/behaviour based on user-interaction
- Parallax & 3D
Apply parallax movement based on mouse or scroll behaviour
- Ken Burns Effect
Apply zoom/pan to slide’s main background content - Carousel Settings
Create a variety of carousel views with these settings
- Pause/Resume Slider on Scroll
See “Stop Slider Out of Viewport” option
- Lazy Load / Performance & SEO Optimization
LazyLoad settings / Evaluate your slider’s performance
Advanced Options
- Problem Handlings
Fallback options for mobile and legacy IE / Troubleshooting options
- Import / Export / Replace
Import and Export sliders, update image URL’s for new domain
- API Functions
API methods and events for developers
- Custom CSS/JS
Where custom CSS and custom JavaScript can be added
- Navigation Editor
Create custom values for next level Navigation styling
- Global Settings
Adjust default plugin settings, helpful for solving conflicts
- WPML Translations
Translate your slides for multiple languages
- Google Analytics
Track your Slider Revolution clicks with Google Analytics
- Export to HTML
Export sliders for your non-WordPress websites
Updates, Troubleshooting & Support
- Automatic Updates for Direct Customers
Information about how to register your purchase code to update automatically
- How to update if the slider was packaged with your theme
Information about how to update manually
- Troubleshooting Tips
Information about how to solve common issues
- Support Center
Get answers for topics not covered in the documentation
- Direct Customer Benefits
Gain access to automatic updates and premium sliders
- Requirements & Recommendations
Useful for solving issues related to updates and imports
- Extended Support
Information about how to renew your support
- Reset your Purchase Code
For unique cases when your older website no longer exists
- SEO / Speed / Security
SEO friendly text, optimization techniques & security recommendations
Add-Ons
- Whiteboard
Draw your text with a hand graphic to bring life to your presentations
- WP Standard Gallery
Automatically convert your traditional WP Standard Galleries
- Backups
Creates automatic backups for your individual slides - Related Posts
Add a “Related Posts” slider to your individual posts pages
Latest News
- 5.2 Update
Introducing Add-Ons, SVG’s, Audio & more
- 5.1 Update
Layer Management & Google Fonts & WooCommerce now easier than ever
- 5.0 Update
See what’s new with the big 5.0 update - Our Newsletter
Keep updated about what’s new from ThemePunch
Individual Templates
- Minimal
Setup the “Premium Minimal Template” - Website Builder
Setup the “Website Builder” Template - Innovation
Modify the Sticky Menu for the “Innovation” Template - Content Blocks
Setup the “Content Blocks” template - App Landing Page
Edit the “Learn More” content in the “App Landing Page” - Coming Soon
Change the Date for the “Coming Soon” Template - YouTube Hero
Enable Sound for the YouTube Hero Template - Our Team
Modify thumbnails for “Our Team” template - Photography
Change burger menu color for the “Photography” template - Newsletter Hero
How to setup MailChimp for the Newsletter Hero template - Not Generic
Modify the Menu for the “Not Generic” Template
Additional Template Information
- Template Library
Import demos and premium templates - Change an Image
Replace a template’s image with your own - Change Text & Text Styles
Add your own text and adjust font-family, color, etc. - Change a link
Change or add a link to a slider template’s element - Change a Video
Change Video for a template (Tech Journal example) - Find/Edit “Hidden” Content
Find and Edit “Additional Content” views in Slider Templates - Find/Edit Static Layers
Edit / Delete Layer Elements from Imported Templates - Edit Burger Menus
How to Modify the Burger Menus - Import Individual Slides & Layers
Use an individual slide or content from any given template - Help with Importing
Troubleshooting tips for importing templates - Additional Troubleshooting
Increase your WP memory to allow for importing
How To's
- Turn Autoplay On/Off
Enable/Disable auto rotating of slides - Add Mouse Hovers
Apply mouse hover styles to Links and Layers - Create a “Scroll Below Slider” button
Scroll to additional page content located below the slider - Build a Custom Menu
Navigate to specific slides or to other parts of your website - Change Layer Order
Swap the z-index ordering for your Layers - Setup Video for Mobile Devices
Use content Layers for mobile-compatible video - Show lightbox-type content
Display fullscreen content with this special Action - Create a Tooltip
Add mouse-hover tooltips to your content
Quick Tips
- Activate the Responsive Viewport options
Enable Custom Grid Sizes for your Sliders - Correct Size/Position of Content on Mobile
Setup your slider’s content for mobile devices - Prevent Layer Content from Disappearing
Setup your Layer content to always remain visible - Easy Carousels with “Slider Presets”
8 Carousel Presets to create the perfect carousel for your website - Quick Sliders built with WP Media Galleries
Super easy sliders with this small shortcode trick - Use Fancybox with Slider Revolution
Add traditional lightbox functionality to your slider’s content - Add a Pinterest Button to your slider’s images
Connect your slider’s imagery for Pinterest sharing - Create continously looping Text
Continuously rotate between a set of text items