Support » Plugins » [Plugin: NextGEN Gallery] Space over Gallery

  • Hey.

    Someone has an Idea why i have this large Space between my Gallery an the Headline “Eine kleine Auswahl aus dem Bereich: Print” ?
    Seems that the Gallery starts after the widgets on the right side. But why?

    Thanks for help.

Viewing 15 replies - 1 through 15 (of 70 total)
  • I’m not an expert on this at all, but your gallery has the same width as the area that it’s in (at least according to the web developer toolbar in Firefox). If you then outline the block level elements (so they are visible) you have a 10px or more margin (on the left) between the main area and the gallery (it “shifts” that amount to the right).

    Soooo, what I would try, just to check, would be to reduce the width of the gallery to 500px or maybe even less to see if it moves up.

    If that is the case, you have some conflicts between some CSS settings, meaning you either need to remove some left margin and/or padding from the gallery or the entry div until everything fits.

    BTW: I don’t have the gallery installed yet and just came across your post by chance.

    Hope any of this was helpful and/or understandable.
    Greetings from Germany … to Germany, btw.

    In the CSS file of the gallery there’s this section:
    /* ———– Gallery style ————-*/

    .ngg-galleryoverview {
    overflow: hidden;
    margin-top: 10px;
    width: 100%;
    display:block !important;

    The clear:both makes this class not float. It will display below the section that’s the longest, sidebar or main, in this case main.
    If what you intend to do is have the gallery show in main I suggest commenting out the clear:both; line
    .ngg-galleryoverview {
    overflow: hidden;
    margin-top: 10px;
    width: 100%;
    /* clear:both; */
    display:block !important;

    @deus62 – vielen Dank für die superschnelle Hilfe. Deine Blogs gefallen mir übrigens sehr gut, schöner und klarer Style. Grüße nach D.! 🙂

    @petervanderdoes – thank you man. u rock. that was exactly what i needed. looks great now. thank you!

    Alright, I am having the same problem on a blog I’m helping a friend with, and tried commenting out the clear:both line, but it hasn’t helped.

    Any other thoughts?
    Nevermind, I figured it out. Thanks.

    Okay … I thought I had figured it out.

    I can now get the gallery to show up in main area at the top, but any text or other images after the gallery return to the bottom (after the longest column)

    I haven’t had any of these problems on my own blog with NGG, what types of theme codes does it conflict with, or is there a workaround to to this?


    I’m having the same problem, I already wrote about it yesterday. So, if anyone knows why this is happening:

    If you guys want to take a look and give me some advice it would be great. I’ve never used this plugin until now, but I would like to do so. I can’t start start making albums until this is solved, please give a hand 🙂

    There are three places where clear:both can cause problems on some templates.

    • .ngg-galleryoverview
    • .ngg-albumoverview
    • .ngg-clear

    You should comment them out if your having these problems. BUT

    I would suggest possibly just adding this to the END of your style.css file:

    #content .ngg-galleryoverview, #content .ngg-galleryoverview, #content .ngg-galleryoverview {
        clear: none !important;

    #content in (your case) being the parent div that your galleries are displaying within.

    My reasoning behind this would be due to the auto-upgrade feature in WordPress. If used, it will delete customized files in the plugin folder and you could unknowingly loose your fix for this problem.
    If you put it in your theme’s stylesheet, not only will it not conflict with future theme changes it will also not get lost upon upgrade of the NextGen plugin.

    If for some strange reason !important doesn’t do the trick try moving the call for your style.css file down in the head of the document to occur below the <?php wp_head(); ?> this will ensure that your stylesheet is loaded AFTER the NextGen styles (therefore you can override undesirable styles set by your plugins).

    Hope that helps 🙂 (constructive criticism of my methods always welcome)

    If this can help others:

    Yes, transforming them into comments did the trick. They are at the top now, in both th post and the page.

    Thanks. 🙂

    * Any idea why the galleries are created 2 times? It doesn’t bother me much, I’m just curious if this is the default or is it just me.

    Just remember that commenting them out in the nggallery.css will get lost if you use the auto-upgrade feature.

    Not sure about the other problem right now I’d have to take a look at it.

    For all “Auto-Upgrader” :

    I also suggest to move all css code form nggallery.css to your theme css and disable the integrated CSS style sheet. As WhisperT mentioned the Auto-Upgrade-Feature will delete all custom modifictaion…

    I’m not sure at what you’re referring, the update for the plugin or the update for WP itself?

    If it’s about the upgrade for WP, I don’t plan to switch to 2.5 any time in the future. If I’ll do it I will move the code though. But not feeling the need for this now. 🙂

    If you are referring to the plugin, what means “auto-upgrader”? Usually a plugin is letting me know that a new version is available, and I can choose to install it or not. Is this different and auto-upgrades without me knowing it?

    * As for the other problem here is a link to show you what is happening:
    Whenever I make a new gallery, it’s doubled somehow. Not very bothering, but still…

    Since WP2.5 it’s possible to have a one click upgrade for plugins…

    Oh, I’m using 2.3 now. Not planning on upgrading soon.

    And maybe this will help others: I found out that if I change the number of images shown (in Gallery -> Options -> Gallery settings), which by default is 20, to any number (I wanted to show only 4 images for a gallery on each post), the thing with the space occurs.

    Any idea what I must comment out this time? 😕

    Silly me. 🙂 I’ve looked into the CSS and I found another clear:both which I took out, in ——-Gallery navigation——-. I think that was the asnwer, I just had to look closely at the text.

    * What was the purpose for this clear:both command? Why is it there if it creates these problems?

    Sorry for the triple post, but testing it frther showed me a new error:

    picture with error

    There is no next button after the 4th pic. (In my case 4, because I wanted to show only 4, but I suspect it’s the same for each number)…

Viewing 15 replies - 1 through 15 (of 70 total)
  • The topic ‘[Plugin: NextGEN Gallery] Space over Gallery’ is closed to new replies.