Support » Themes and Templates » css padding for images/multiple image display

  • I’ve created a multiple image display at with this post:

    I’m also using the codex css div class tags to display captions. This css provides for padding around images. Normally, w. a single image the padding is fine. But with multiple images & no text around them the padding looks a bit weird.

    I do create posts w. multiple images every a few months or so so I’d like to figure out a way to make the padding look better (or even remove it, though I do like the blue padding around the caption) in that situation.

Viewing 2 replies - 1 through 2 (of 2 total)
  • You can just change the padding and margins and play with it in the style sheet.

    There are examples here of showcasing photography also worth considering. The code is in the source page and you are welcome to use it. That’s what it’s there for.

    There are hundreds of ways you can do this, even with gallery plugins and different styles. You’ll have to be more specific with what you want to have them look like before we can be more specific.

    For what you have, the blue padding on top of the image isn’t very pretty, but where the caption is, that’s nice.

    That’s beautiful work, Lorelle both the images and the css display.

    I think what I’d like to do is fairly simple (at least in my vision of it) but I don’t know how hard it would be coding-wise. I agree completely that the blue padding on top isn’t too nice & the padding for the caption is great. So does padding automatically enclose the entire image on 4 sides? Or is there a way to create padding for the caption portion only? Or a way to create a similar blue box only for captions, & not surround the image on the other 3 sides w. the padding?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘css padding for images/multiple image display’ is closed to new replies.