Gallery shortcode inline content only two columns.

  • Resolved Dennis Booker

    (@dabooker)


    5 years, 10 months ago

    <span class="is_link"><a class="fancybox-inline" href="#fancyboxID-1">Gallery</a></span>
<div class="fancybox-hidden" style="display: none;">
<div id="fancyboxID-1" class="hentry" style="background-color: #fffaf0;">

[gallery link="file" ids="440,446,443,444,442,441"]

</div>
</div>

    This is a WordPress gallery set to three columns, it will only display in the fancybox as two columns. I’ve added columns=”three” and still only two. I’ve styled width of the div for id=fancyboxID-1 and that has no effect. Chrome browser, also tried Vivaldi on Windows 10.

    This is really a very, very nice lightbox plugin.
    Thanks,
    dennis

    The page I need help with: [log in to see the link]

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

  • Hi, it seems the theme sets the max width for each to 33.33% plus it adds a padding which makes for not enough space to fit three on a row…

    Try adding this style rule to the Custom CSS field:

    
.gallery-item {
    padding-right: 0;
}

    … or you can set the columns to 4 and it will show as 3 columns…

    Thread Starter Dennis Booker

    (@dabooker)

    I tried both and that gets the three columns. I think putting the gallery inside the lightbox is just not a good idea. So I’m going to stick with images, iframes and pdfs, they all work real well.
    Thanks for your quick, helpful responses. Again an excellent plugin. You can close this thread.
    dennis

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Gallery shortcode inline content only two columns.’ is closed to new replies.