align meteor-slides with the HTML editor

Thanks Eric, you can’t change the alignment of the slideshow in the editor, but you can do this using a custom stylesheet. If you wanted all the slideshows to align right, you could update the .meteor-slides rules like this:

.meteor-slides {
	float: right;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	z-index: 1;
}

Or if you wanted just the “zion-canyoneering” slideshow aligned to the right you could add this:

#meteor-slideshowzion-canyoneering {
	float: right;
}

Thanks Josh,
I saw that thread before but was not sure how to use a custom style sheet. I think I figured it out except I need to add some padding to the left of the slide show?
https://zioncanyoneeringguides.com/yankee-doodle/

Yes, that will work, but you’ll need to add a class or ID from higher up so that your theme’s rules override the one’s from the plugin:

.entry .meteor-slides {
    float: right;
    margin: 0 0 20px 20px;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1;
}

Thanks again Josh,
It worked I think. I put the button/previous/next/pngs’ into the theme image folder but I do not see them. How do you update image paths?
https://zioncanyoneeringguides.com/
Looks like a full time job keeping up with your plugin.

I do get a lot of questions sometimes!

You just need to update the URL paths of the background images like this so that they point at the correct location:

.meteor-nav .prev a {
	background: url('images/prev.png') no-repeat center right;
}

Josh, is it possible to add some kind of css or html code to Main or Advanced options (Weaver 2 theme) to center a slideshow in a widget or content area? The custom css sheet is confusing.

@yesdavy You can try adding this to the custom CSS option in the theme’s options:

.meteor-slides {
margin: 0 auto !important;
}