How to Add Custom CSS Classes

This guide will help you add custom CSS classes to your slideshow.

There is a “CSS Classes” feature in MetaSlider that allows you to add a custom class to your slideshow’s main div. This is where the id metaslider-id-<number> is outputted, as in this screenshot:

Edit your slideshow and go to Developer Options > CSS Classes. Type your custom class into this field. If you add more than one class, separate each one with an empty space.

Save the slideshow changes and check your site’s frontend. You will find that the new class is outputted in the code. Now you can add custom CSS using the custom class in your CSS selectors.