[Plugin: NextGEN Gallery] Center the Slideshow on my page

Thorned Rose – GOOD NEWS

With the help of a coder friend of mine – before he was going to help me with your suggestions – recommended that it could be a conflicting file extension in Safari since it was working fine on his Mac using Safari- and it was, It was a file extension called Ad Blocker suppose to clean off all the ads on FaceBook.

I do not know if this will be helpful to anyone else but run with it if it is useful.

Thanks for your quick response and willingness to help – really appreciate your know-how and time.

Jeff

@lefever LOL. Well, glad to hear it’s working for you! I wonder if that’s why it’s going screwy on my Chrome as well given I have the AdBlock extension for it >.<

And it’s no problem at all. I always try to pass on the helpful little tidbits of code I discover whilst working on WordPress sites ??

Hi everybody! Happy New 2011

@nathan12343 Where did you exactly touched to remove the hardcoded “style” inserted into the “img” element? I guess it must be in some javascript file, but I’m a little bit lost outside CSS.

Thank you very much.

To Thorned Rose,

You have solved Nathan’s problem, but I am still quite confused which code to add and where.

I am trying to get my NGGallery (& slide show) to be aligned center, and the gallery is pretty wide (like 800px or so). Could you provide me with the code?

Thanks in advance!
Dana

Hi Dana, can you link me the website url that your gallery/slideshow is on.

Hi Thorned Rose,

I am simply just wanting the center the gallery and slideshow. It is defaulted on the left side. For privacy reasons I am not providing the website.

Thanks for getting back to me so quickly,
Dana

It just makes it a little difficult to ensure that I give you the right code for your particular needs. If you want you can email it to me – support [at] liquidsilver.net.nz

Otherwise have you tried adding .ngg-slideshow {margin:0 auto !important;} to your template’s style.css?

Do you mean add it to my theme’s style.css or to NGGallery’s?

Thanks a lot; I may email you if necessary!

Your theme’s style.css ??

It didn’t work. The theme I’m using (Photocrati) has its style.css in a separate style folder (“style/style.css”).

This is the code I added under “general…”:

/* General Page Styles
————————————————————– */

.ngg-slideshow {margin:0 auto !important;}

Hello all,

I am having the same issue. I am trying to center all images in my nggallery.

I have tried editing the plugins css with:

.ngg-slideshow {
margin:0 auto !important;
overflow:hidden;
position: center;
}

But the first image will center then everything jumps to be left aligned. Again I think it is hardcoded in the js.

Example can be seen at the following link:

https://paulbowman.me/memorial-for-anna/

Any help or advice you can offer would be much appreciated.

Niall

This works for me (nggallery javascript slideshow):

.slideshow object {
    margin-left: auto!important;
    margin-right: auto!important;
        margin:0 auto!important;
}

thanks for the reply Johnny but I am using the JS Slideshow.

Problem still remains.

Any other suggestions?

I can’t promise because I got fed up and went for a flash version… but if you look at line 171 in ngg.js (in nextgen-gallery\js\) you’ll find position: "absolute" I think that I changed this to position: "relative" I think that was what worked for me…

I changed line 171 in ngg.js to position:relative but this did not change it. I think the positioning is being defined by jquery.cycle min js.

I changed the position: absolute values in this to relative and then the images jump all over the place.

The first image centres, then the second goes to the left with the other images cascading up on click.

Still the problem persists!