[Plugin: NextGEN Gallery] stuck at the bottom

I am having the same issue. ALthough the page I’m including here is a eStore page, I get the same issue with a plain old gallery page too…

Here’s my “stuck at the bottom” page: https://adriennefritze.com/estore?show=gallery

Hoping for a solution soon!

THank you in advance!!!

Best,
Adrienne

I looked briefly at your pages and you are both using some strange CSS in your themes.

The easiest way to fix this is to copy the nggallery.css from the plugins/nextgen-gallery/css folder to your theme folder. The plugin will use this CSS file instead of its own CSS files so you don’t have to worry about writing over it when you upgrade the plugin. Then edit this CSS file and in the section .ngg-galleryoverview remove the line:

clear:both;

Depending on how and if you use the NextGEN in other places this could create other problems though.

If you want to really fix the problem and avoid having other problems I recommend redoing your columns layout so that the content (center section) comes before your sidebars. This is done with an extra wrapper div and negative margins. This should also help search engines see your content is more important than the sidebars.

These are the pages I use for reference:
https://blog.html.it/layoutgala/
https://www.dynamicdrive.com/style/layouts/

what do you mean by strange css?

so i did what you said but now for some reason it lines them all up in a straight line, seemingly ignoring the float:left on the containing divs. I tried adding !important but still didnt work. Any ideas?

hmmm iv never heard of doing the columns like that. I’ll look into it, thanks for the advice!

Jenyus, you did something strange with the CSS file. The plugin isn’t using any CSS file now.

There should be the default CSS file here:

https://isaagape.com/wp-content/plugins/nextgen-gallery/css/nggallery.css

but it’s missing now.

I was suggesting copying that file to this location:

https://isaagape.com/wp-content/themes/oulipo/nggallery.css

and the plugin will use this file automatically instead.

sorry i put the whole css folder into my theme root. that fixed it though, you’re my hero

thanks!

I’m having the same problem. I tried what’s listed above, but now one row of thumbs shows at the top and one at the bottom, with a huge gap in between them. My gallery is at:
https://www.shanecase.com/?page_id=22

Any help would be greatly appreciated!