Hi Alanna,
Start by making a backup of your site.
== == ==
To do this you need to edit the css files of the meteor-slides.
For this you need a TEXT editor such as NOTEPAD++ (free) [NOT a wordprocessor such as MSWord].
== == ==
Locate and make a backup of:
https://stolenstill.com/wp-content/plugins/meteor-slides/css/meteor-slides.css
the open this file in the texteditor.
go to line 159 this reads:
.meteor-slides .meteor-buttons {
bottom: -15px;
height: 9px;
left: 0;
margin: 0;
padding: 6px 0 0;
position: absolute;
width: 100%;
z-index: 999;
}
Change to the following:
.meteor-slides .meteor-buttons {
bottom: -15px;
height: 9px;
left: 0;
/* margin: 0; original settings */
margin: 0 auto; /* this should center the dotted buttons */
/*padding: 6px 0 0; original settings */
padding: 6px 5px 0 0; /* you can change the 5px to a different value to suit your needs */
position: absolute;
width: 100%;
z-index: 999;
}
The slash asterix blabla asterix slash makes code to a comment that is disregarded. Forget them and things get messy. The same goes for the rest. Correct syntax works, incorrect doesn’t.
Should this not work:
Remove the new lines, remove the slash asterix and asterix slash around the original code and all is back to the original state.