Need help? Check out our Support site, then


Photo's posted in gallery form wrong sizes.

  1. When I post a gallery of images in my posts, If I want to use 2 or 3 columns for example, the spacing of the images gets all messed up. I have found if I use the same "gallery Columns" sometimes it would come out right and the spacing would be fine, but lately no matter what I do the spacing is all off. Take a look at the gallery posts I have done on http://www.surfdump.com and you can see what I mean...

    Any ideas???

    The blog I need help with is surfdump.com.

  2. The blog you specified at surfdump.com does not appear to be hosted at WordPress.com.

    This support forum is for WordPress.com hosted blogs only. If you have a self-hosted WordPress blog you need to seek help at the WordPress.org forums, not here.

    If you don't understand the difference, you may find this information helpful.

  3. Actually, I have the same problem and have my blog here at wordpress.com (it's linked to my icon). I haven't published the gallery I'm having problems with though, because I'm not happy with how it looks. I've added 11 photos, where most are the same width, and used 2 columns. Despite this, the spacing/aligment is really off and it doesn't look very good. Any ideas, or do I need to publish it first so you can see exactly what I mean?

  4. panaghiotisadam
    Member

    Yes, you'd better publish it.

  5. OK, I've done that now. I appreciate any hints you may have!
    In the meantime, I've played around a little, and if I use 3 columns and add some lines of (garbage) text at the top, I get them to align - they are then below the date "thingy" on the right, so perhaps that's what's messing it up. But I don't want to have to add lots of text for it to look ok.

    Hmmm.... I'm suspecting now that perhaps it's somehow trying to distribute the 2 columns evenly across the space allowed, and the date item gets in the way...? (It would be nice to be able to control the table more, even in html view you can't do anything more than change the number of columns.)

  6. panaghiotisadam
    Member

    You can't control much with the options provided, but you can control whatever you wish if you use html coding.

    So: the date gets in the way, because unlike other themes it's inside the main post area instead of above or below it. But with 2 images per row what you've got now shouldn't be happening, as there's more than enough room. Switch the editor to html and make sure you've got nothing but that:
    [gallery columns="2"]
    If that's really the only thing there, you can force the gallery to the left by using this code:
    <span class="alignleft">[gallery columns="2"]</span>
    This way there should be room for 3 images per row too, i.e.:
    <span class="alignleft">[gallery]</span>

    Another solution I can give you, if you wish, is improve on your idea of bringing the whole library lower (with proper coding for blank space instead of "garbage text") - but I don't think it'll look good.

  7. I double-checked and all it said in html view was [gallery link="file" columns="2"]. I changed it according to your tip, <span class="alignleft">[gallery link="file" columns="2"]</span>, and updated the post, but some images are then stuck together and I'm still not happy... Can I add space between the columns in any way? Or perhaps I can try centering it.
    (Not sure I've entered the code correctly here, but can't tell until I submit.)

    (And I agree lots of empty space at the top wouldn't look good, it would only be ok if you actually had some text there.)

  8. panaghiotisadam
    Member

    Galleries are set to center align by default, so using the above code with center instead of left equals not using it at all. But now you gave me a new idea: we can achieve what you want by limiting the total width alloted to the gallery. Try this:
    <span class="aligncenter" style="width:60%;">[gallery link="file" columns="2"]</span>
    You can adjust the number till the columns get the space you prefer.

  9. Yep, playing around I noticed that center was the same as default. Your solution is just what I was thinking about, only I couldn't remember the code for it and was getting nowhere! Thanks heaps, it works perfectly!

  10. panaghiotisadam
    Member

    Thanks too for a new trick in our collection!

Topic Closed

This topic has been closed to new replies.

About this Topic