Need help? Check out our Support site, then


WordPress.com Forums » Support

Gallery formatting

  1. koager
    Member

    The page that I need help with is this
    For some reason the first 2 images in the gallery the gallery that I have inserted into my page are a different size than all the other ones and I can't seem to figure out why. The code for my gallery that I have set is

    [gallery size="thumbnail" type="square" link="file" columns="4"]
    and the images have the same settings as all the other ones but they are being displayed 50% larger.

    Additionally, is there a way to change the size of the thumbnails in the gallery? I have my normal thumbnail sizes set to 75x75 through the media settings but that is clearly not happening in my galleries.

    The blog I need help with is grinning-tiger.com.

  2. justjennifer
    Member

    The "type" parameter seems to ignore both the "size" and "columns" parameters.

    Try this instead:
    [gallery type="square"]

    Also, since you've enabled the Image Carousel on your site, the "link" parameter is ignored. Any clicked image will open in the Image Carousel. If you want to turn the Image Carousel off, go to Settings>Media Settings>Image Gallery Carousel and uncheck the box next to "Display images in full-size carousel slideshow." Once you've done that then you can use the "link" parameter in the Gallery shortcode.

  3. koager
    Member

    The link and columns were already there when I inserted the gallery so I just left them there and added other settings. As I do want the carousel and the columns are fine they're not really necessary so I've now cleaned up the code to just be
    [gallery type="square"]
    Unfortunately my first two images are still abnormally bigger.
    It seems to be an issue with the gallery itself and not the images as if I put them in a different order, the first two images will be abnormally sized and I don't know what that is. This is not the case on the galleries on my other pages and has not happened until now when I added in additionally images to this particular gallery.

  4. justjennifer
    Member

    Is there any chance that you've enabled the tiled mosaic as the default display for Galleries under Dashboard>Settings>Media settings> Image Gallery Carousel>Display all your gallery pictures in a cool mosaic?

  5. koager
    Member

    Nope, the mosaic isn't turned on.

  6. justjennifer
    Member

    The first three images in the Gallery are PNGs with transparency, yes?

    I'm going to mark this for Staff assistance.

  7. koager
    Member

    Yes they are. That shouldn't be the issue though as I have a 3rd image, the plant, that is also a transparent png. If I reorder my images so that one of the other images is first they will also be bigger.
    All the images on this one page are pngs though so I wonder if it may just be something with the gallery and png files?

  8. justjennifer
    Member

    Which is why I've tagged it for staff assistance. :)

    If you want to test the PNG theory yourself, you could try a test post but by first saving and uploading those files as PNGs without transparency or JPGs.

  9. kathrynwp
    Staff

    Hi there - thanks for your patience. The "type=square" code was effectively turning your gallery into a mosaic-type tiled gallery, since that piece of code only applies to the tiled galleries.

    I removed that bit of code and your thumbnails are now displayed at 75px wide, and are all equally sized.

    Just let me know if you need further help.

  10. justjennifer
    Member

    @kathrynwp- Removing the type parameter from the shortcode returns the Gallery to the original thumbnail grid. If you look at the OP's other Portfolio pages (like http://grinning-tiger.com/2d-works/ ) that doesn't appear to be what they are looking to do.

  11. kathrynwp
    Staff

    Adding "type=square" forces the gallery to transform into a mosaic grid, which auto-calculates the image width based on a complex algorithm, bypassing the thumbnail width set under Media Settings.

  12. koager
    Member

    This works I suppose, thank you. It is weird that it doesn't happen on my other pages though. The reason why I do want the squares though is for when I have images of varying sizes. The squares gives nice cropped thumbnails whereas without it my thumbnails will be varying sizes and I ran into an issue where I had a painting that is extremely high and ruins formatting of a page.

  13. kathrynwp
    Staff

    With the regular (non-mosaic) gallery type, thumbnails should normally be the size specified in your settings page, i.e. 75px. If you're seeing something different, would you mind giving me a link to the page so I can take a look? Thanks very much.

  14. kathrynwp
    Staff

    Ah, I think I understand what you mean - i.e. the height is variable, even when the width isn't.

  15. koager
    Member

    Yes. The horizontal format isn't too bad on the last 2 images on that one page but previously I had an image that was extremely long vertically and thus created a huge gap for the other images between rows.

  16. iruvienne
    Member

    @kathrynwp I'm sorry to ask you this, but I'm also having trouble with galleries, the carousel view to be precise. It seems to be working fine on Firefox and IE, but on Chrome the images get blurry. Could you please have a look at http://en.forums.wordpress.com/topic/blurry-images-in-carousel?replies=11#post-1069840 ?

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags