I’m having the same problem. There seem to be several layers of centering–my slideshow begins to load in the centered position but then jumps to left-aligned when it is fully loaded.
I’m interested in this too. The difference is that in my slideshow widget images tends to float to right from the very beginning loading ’til the end. The non-centered result is more evident in vertical photos. I noticed that if I change or remove all of the CSS widget code, this:
/* ----------- Sidebar widget -------------*/
.ngg-widget,
.ngg-widget-slideshow {
overflow: hidden;
margin:0pt;
padding:5px 0px 0px 0pt;
}
.ngg-widget img {
border:2px solid #A9A9A9;
margin:0pt 2px 2px 0px;
padding:1px;
}
Absolutely nothing changes, so maybe something must be changed in CSS general slideshow code, or in JS slideshow, or maybe in /widgets.php file?
Photocrati, or some code wizard, can you help us in some way?
Solved by simply adjusting the size of the widget from the widget itself, starting from the exact half of the full-slideshow. Define the width until you see that the image moves in the desired direction, then adjust the length.
There is a link embedded in the css style files that takes us to a page that explains how to center the slideshow. It worked for me!
Taken directly from the Nextgen Style CSS file:
/* See also : http://www.brunildo.org/test/img_center.html */
The problem for me was the slideshow widget, not the “normal” slideshow in a wide page, and not the widget itself, but images inside of it.
