In this guide, we’ll introduce the themes that you can choose for your MetaSlider slideshow. Bitono Theme Bitono is a minimalist theme with a 2-color scheme. This theme has a subtle gradient overlay. Blend Theme Blend places all the key features on the bottom of the slide: numerical pagination, captions, and navigation arrows. Bubble Theme...
MetaSlider allows you to apply a custom theme to your slideshow. These will change the color, style, navigation, pagination, and more for your slideshow. You can select a new theme from the right side of the settings area, as in this image below. You will be presented with a choice of themes. You can browse...
If you have ended up here, then there is a good chance we have instructed you to add some CSS to your themes style.css file in order to fix a MetaSlider styling issue. Editing your theme’s style.css file is not strictly the only way to get some custom CSS into your site, you have a...
This guide will show you how to create a “full width” layout for your MetaSlider slideshow. The aim is to create a slideshow that will stretch from one side of the browser window to another. How you create a “full width” layout will depend on your theme, so please read this guide to understand the...
You can use MetaSlider to build a slideshow that uses the full height and width of the screen. In the image below, you can see that the slideshow has all the normal features such as Previous and Next arrows, navigation, and more. However, the slideshow is the only thing visible on the screen. Follow this...
MetaSlider has a “Smart Pad” option which allows to have a slideshow with a mixture of different image sizes. Normally you cannot mix portrait and landscape images in a responsive slideshow, whilst maintaining a consistent slideshow height between slides. Smart Pad is the solution. Smart Pad works by disabling MetaSlider’s image cropping features. Instead, the...
By default, MetaSlider slideshows will keep playing continuously. This guide explains the how this feature works for normal slideshows and for carousel slideshows. Loop Options for Normal Slideshows The default behavior for slideshows is called “Lop Continuously” and works this way: MetaSlider has two more looping options for your slideshows. In addition to “Loop Continuously”,...
To change the style of MetaSlider you should override the default MetaSlider styles with your own styles. If you’re not comfortable with editing the CSS yourself, you’ll be glad to know that MetaSlider Pro includes a live theme editor that lets you completely customize the style of your slideshow with no coding experience needed! Here...