To change the style of MetaSlider you will need to 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 customise the style of your slideshow – no coding experience needed!
Here is a quick guide to updating the MetaSlider styling, some experience with HTML and CSS is assumed.
We’ve included some examples below.
Add the following CSS to your themes style.css file
.metaslider .caption, .metaslider .cs-title, .metaslider .nivo-caption { font-size: 1.3em; /* adjust as necessary */ }
Add the following CSS to your themes style.css file
.metaslider .caption, .metaslider .cs-title, .metaslider .nivo-caption { background: red; /* adjust as necessary */ }
Add the following CSS to your themes style.css file
.metaslider .caption, .metaslider .cs-title, .metaslider .nivo-caption { right: 0px; bottom: 0px; width: 20%; height: 100%; left: auto; }
Create and publish WordPress slideshows in minutes… What are you waiting for?