This code in these examples show how to modify the captions on a MetaSlider slideshow.
Some of these options refer to options that are now “Legacy Libraries”. FlexSldier is the only enabled option on new websites. The other can be enabled via the MetaSlider Settings area.
Update the CSS on your website using one of these recommended methods.
Changing the caption font size: FlexSlider
This CSS code shows how to modify the captions on a specific MetaSlider slideshow. This example is for a slideshow using the FlexSlider library.
Changing the caption font size: NivoSlider
Use the following CSS to change the font size used in slideshow captions. This example is for a slideshow using the NivoSlider library.
Changing the caption background color
Use the following CSS to change the background color used for slider captions. This example is for a slideshow using the NivoSlider library.
Move the caption to the right hand side
Use the following CSS to move the position of captions. This example is for a slideshow using the NivoSlider library.
Change the font in the caption
Use the following CSS to change the font used in your slideshow captions. These fonts must be loaded on your site. This is normally done by your site’s theme.
We hope that this code will be useful, but do not make guarantees. If you need troubleshooting help, or modifications to this code, please contact MetaSlider Pro support.