Moving Metaslider dots into slider

Try to add this to your theme style.css

.nivo-controlNav {
	margin-top: -52px;
	position: relative;
}

Thanks for the response! That gets the dots up in the slider, but they then conflict with the captions. If the dots could be in the lower right corner (in a way that scales responsively) then I could shorten the captions to be 50-60% of the slider width.

I wasn’t expecting hacky CSS to be required though – I thought that the normal .js versions of these sliders for non-WP sites have options for dots inside / outside the slider?

If there is no option in Metaslider backend, your only options are to add some css via your theme or hack the supplied .js or .css files of the plugin.

If you update the plugin at a later time, hacked plugin files will be overwritten while css via your theme will stay.

Maybe you can supply a link to the normal .js version dots inside / outside settings, then the author of Metaslider could add these settings in a future plugin version.

Cool, will do.