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?
http://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?
http://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;
}
