Extra space below gallery

  • Resolved hakanveli

    (@hakanveli)


    12 years, 3 months ago

    I love your plugin, but I’m having problems with galleries having large amounts of empty space below them. I’m using the Bota theme.

    The galleries are fine if I have images with short or no titles, but when I write in a sentence or so, I get massive amounts of space below the gallery. It’s as if there are several blank lines below the gallery.

    You can see some extra space on this page: http://hakanborazanci.com/team-games/hymn-of-the-sands/ when you scroll down to the “Scripting” section. It’s not as pronounced there, but I’m working on a test page (it’s not public yet) and the problem is really bad.

    I’ve done my best to fix this by having negative space below the gallery, but that causes so many other problems that it’s not a good fix. It also does not help the bigger spaces.

    #content .gallery {
    margin-bottom: -2.0em;
    }

    Is there anything I can do? I really want to use your plugin. Thanks!

    http://ww.wp.xz.cn/plugins/gallery-plugin/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author bestwebsoft

    (@bestwebsoft)

    12 years, 3 months ago

    Hi,

    The thing is that when you insert the gallery’s shortcode into the content, some styles are added from your theme:
    line 156 in style.css

    p {
    margin-bottom: 1.5em;
    }

    Please try to edit the page in Text mode and remove margins before and after the shortcodes.

    Sincerely,
    BestWebSoft Support Team

    Thread Starter hakanveli

    (@hakanveli)

    12 years, 3 months ago

    Thank you for the reply!

    I changed a couple things.

    I edited the plugin, at this line (I believe it was this one):

    <div style=”width:<?php echo $gllr_options[‘gllr_custom_size_px’][1][0] + $gllr_border_images; ?>px; <?php if ( 0 == $gllr_options[“image_text”] ) echo “visibility:hidden; display:none; margin-bottom: 5px;”; ?>” class=”gllr_single_image_text”><?php echo get_post_meta( $attachment->ID, $key, true ); ?> </div>

    The line originally was display:hidden, which basically meant invisible text would be below the gallery. So I changed it to none, which meant nothing would be there instead.

    Because of this, text was brought up too close to the image thumbnails. To add space at the bottom, I changed the style.css.

    .gallery .gllr_image_block {
    float: left;
    margin-bottom: 20px;
    }

    Done!

    Not sure if your solution also works, but this is what worked for me.

    Plugin Author bestwebsoft

    (@bestwebsoft)

    12 years, 2 months ago

    Hi,

    We are glad that you have found a solution for your particular case. It may help someone else.
    It is better to write the styles in the style.css file of your theme, since all the changes will be overwritten if you update the plugin.
    Please add the following strings to the end of the file:

    .gllr_single_image_text {
    display: none;
    }

    In this case margin-bottom: 5px; doesn’t affect the stiles, it can be omitted.
    Please feel free to contact us if you have any questions.

    Sincerely,
    BestWebSoft Support Team

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Extra space below gallery’ is closed to new replies.