customize dots

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.

Hi! Unfortunately this did not work. It didn’t seem to change anything. But the plugin file name above the css says ‘inactive’, could this be why?

Sorry, I can’t quite understand what you are referring to.
Please clarify and elaborate a bit.

@stolenstill Rather than editing the plugin directly, use a custom stylesheet. Is the plugin active, can you post a link to the site you’re working on?

This thread shows a couple of ways to center the pager buttons.

Hi! The plugin is active, its on my homepage at stolenstill.com.

Thanks for the help!

Did you try using one of the methods in that thread I linked to?

Thanks! I’m just trying out using a custom stylesheet.

‘If you have navigation enabled, be sure to copy the buttons.png, next.png, and prev.png files to your theme’s images folder and update the image paths, or create new graphics to replace them.’

Where do i find the buttons.png files? Thanks for your help ??

Those images are in the images folder inside the Meteor Slides plugin folder.