Huge space below gallery

  • Really nice gallery, thank you for the work on this. I have a small problem with sizing / spacing.

    There is a large space below the gallery (tried different ratios). Looking at dev tools in Chrome the problem is the height of the gallery as shown below:

    <div id="wpif2_flowplus_1" class="wpif2_flowplus" style="color: rgb(85, 85, 85); width: 900px; height: 750px; background-color: rgb(255, 255, 255);">

    Changing the height to 530px makes the gallery work with no space below. I can do this in the Element Inspector, but a CSS insert didn’t work:

    #wpif2_flowplus_1 {
height: 530px;
}

    2 questions, is there a better way of altering the spacing and if not can you see anything wrong with the CSS code

    https://www.ads-software.com/plugins/wp-imageflow2/

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

  • The height is calculated based on the tallest image. Do you have reflections turned off? You could try adding !important to your CSS, but a better way would be to add a negative bottom margin. Then make sure all your images are showing up properly.

    Thread Starter alleyoopster

    (@alleyoopster)

    Yeah reflections are off.

    Adding !important worked and now it fits on the page. 

    #wpif2_flowplus_1 {
height: 530px !important;
}

    I tried adding a negative margin, but it just bought the large blank space below the gallery down and started to overlap the text that comes after it. I feels like this needs a little bit of work. Maybe an option for height for those tall images.

    thanks for you help Bev:)

    I turn off reflections and meet the same problem then I must add css code above, it work

    thanks for this thread. i figured out how to adjust the height of the carousel container, (i want mine only 200px high) but when i did this using the above css, my images were cut off with a large gap at the top of the container.

    to solve this i added div.wpif2_image_block {top: 0!important;} to my css and that brought them to the top of the container and my images are visible, but ALL are aligned to the top.

    is there a way to have the images display vertically-aligned to the middle?

    I love the look of this plugin and find that the enhanced version is well worth the investment, but I too am being challenged by the calculated height – it is leaving too much space between the introductory text and the carousel itself. My tallest image is 306px, yet 799px is being allocated, with much of that additional space above the photos. I like and am using the reflections, and have tried adding a negative margin at the top, but it just eats part of the introductory text while leaving the stark, expansive real estate in between.

    Any thoughts/suggestions?

    I’m sorry to hear you are having trouble. Could you please provide me with a link to view the page so I can better guide you to a solution?

    Thanks for your prompt offer to step in and help.
    Actually, now that I’ve had an opportunity to sleep on it and get a caffeine infusion, I just confirmed my morning revelation – it was just a matter of tweaking the aspect ratio. (Silly me.)

    Thanks again for a fabulous plugin!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Huge space below gallery’ is closed to new replies.