Support » Plugin: Jetpack by » Jetpack Tiled Galleries

  • Resolved acekin


    I have updated JetPack to see how the tiled galleries worked, to a large extent I am pleased but not enough to use them in production. There are a few things that may need attention. To demonstrate my points I created a test post with three galleries in it, a slideshow, tiles, and square tiles. See the post here:

    1. The slideshow presentation has an image sizing problem which can be seen in the second image of the show. You will see that the right side of the frame gets narrower when that image is displayed. Either the image size needs to be adjusted to make the width fit into the allowed space or overflow: hidden; needs to be added to .slideshow-slide rule
    2. The width of the tiled or square tiles display leaves a gaping margin on the side. It would be nice if it used the 100% of the available width
    3. The square tiles presentation show 9 of the 11 photographs in the gallery, why?

    After these are fixed I may use it for some presentations.


Viewing 13 replies - 1 through 13 (of 13 total)
  • Plugin Contributor Christopher Finke


    Thanks for the bug reports.

    1. Agreed; that doesn’t look right.

    2. The tiled/square/circle galleries use the $content_width setting of your theme (if it has been set); otherwise, it defaults to 500 pixels wide. It looks like this is what is happening here. In your theme’s functions.php file, try adding this:

    if ( ! isset( $content_width ) )
        $content_width = 640;

    If that fixes the problem, consider contacting the theme author to have them permanently add $content_width to their themes.

    3. Also agreed; that’s not right.



    Regarding #2, yes the addition to the functions.php file makes it fit the bill. Regarding #3 it was my mistake, I mistook the first two images in the last gallery as part of the previous one. There is no missing image in the square tiles gallery. Sorry for the mistake.

    While at it, for the slideshow it would be nice to add options to choose rounded or square corners as well as the background color. I realize that I can edit the CSS, but picking the settings at the time of the gallery creation would be convenient. Or, there may be a single set of parameters that are selected for site-wide use.

    Plugin Contributor Christopher Finke


    I’ve fixed #1 for the next Jetpack update. See for more details.

    It’s unlikely due to time/resources that we’ll add a UI for modifying the slideshow’s appearance, since it can already be done via Custom CSS, but I’ll make a note of it.


    New to the forums and reporting protocol so forgive me if there is some unconscious stupidity in this contribution…

    … and perhaps Christopher your fix for #1 will address this, but I wanted to share the following slideshow experience in case it helps with analysis / testing.

    Scrolling down you will see the following images:

    – single image
    – slideshow
    – single image

    As the browser window width is reduced, the single images shrink proportionately and stay within the content width. But the images inside the slideshow…

    a) do not remain centered within the slideshow background/frame
    b) do not shrink in size (therefore breaking out of the slideshow frame and require horizontal scrolling to fully view them – unlike how the single images behave).

    This happens in Firefox, Google Chrome, Safari and Opera. It also happens whether I activate the Twenty Ten, Twenty Eleven or Twenty Twelve themes.


    (@esmi) As per the Forum Welcome, please post your own topic. Posting in an existing topic prevents us from being able to track issues by topic. Added to which, your problem – despite any similarity in symptoms – is likely to be completely different.


    @esmi – thanks, and my apologies. I had searched and, as symptoms were similar, felt it best to post here. But, yes, appreciate now my issues may not have the same cause. Started a separate thread

    Hi, regarding item #2, the width of a tiled gallery. Apparently this does not work with the Weaver II theme. I gotta say “apparently” ’cause I’m not a programmer. 🙂

    Can anything be done about this?

    Thank you.

    Plugin Contributor Jeremy Herve


    Jetpack Mechanic 🚀

    @skippy #2 is a theme feature, and can be added to any theme. You can read more about it here:

    Rest assured though, adding such value doesn’t mean that your theme won’t be responsive.

    Jeremy, thanks for your response and the link.

    I seem to have found where this is controlled and successfully changed it – at least my web site hasn’t blow up yet anyway. 🙂

    The code for controlling theme width was there, I just didn’t know where to find it.

    It looks fantastic! Much gratitude.


    I am hoping one of the plugin authors can reply to my question regarding Tiled Gallery.

    I think it is a beautiful plugin and way over due. Thank you for that. However, there are a couple of things I find do not work or maybe should be fixed(?).

    1. Although the code look good ([gallery type="rectangular" link="file" ids="1,2,3..."]) the gallery does not have a lightbox. I did not activate the Carousel and I don’t really want it. It does not well with my mobile. My theme uses Prettyphoto and it is integrated into the theme. When using a standard (thumbnail) gallery the lightbox works fine. When choosing any of the Tiled Galleries Lightbox does not work.

    2. The gallery does not look good with a mobile phone. It should just follow one after another so it takes maximum width of the screen. I think that should be easy to do. Also, the lightbox feature should not work on a phone, it takes too long to open.

    Thank you,

    Plugin Contributor Jeremy Herve


    Jetpack Mechanic 🚀

    @motti_b Could you please start a new thread about your issue, and let us know your site URL so we can investigate further?

    If you don’t want to share your site URL on a public forum, you can also contact us via this contact form:

    Hi, I’m still experiencing problems getting my ‘mosaic’ tiled jetpack galleries to fill the available column width. see

    I tried the solutions already mentioned but;

    if ( ! isset( $content_width ) )
        $content_width = 640;

    was already present in functions.php and adding the recommended css has had no impact.

    This is driving me mad so any help would be massively welcome.


    Plugin Contributor Jeremy Herve


    Jetpack Mechanic 🚀

    @chrislangton Could you please start a new thread about your issue?


Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Jetpack Tiled Galleries’ is closed to new replies.