padding for gallery thumbnails
-
The images in my two galleries have captions. The problem is the space above and below the captions is almost the same. It make it hard to tell which image belongs with which caption. Right now it looks icky, but it’s not a big problem yet because I’ve only just started populating the galleries and I can still orient myself with the top or bottom of the gallery. But once it grows and I have to scroll, I’ll lose my orientation point. Then it will be a big problem.
Here’s one of the galleries: http://facchairs.wordpress.com/data-visualization/
I tried adding an attribute to the gallery shortcode, but it didn’t work: style=”padding-bottom:14px;”
Help or ideas badly needed and much appreciated. Thanks.
The blog I need help with is: (visible only to logged in users)
-
Not so much of an expert in CSS here, but you should be able to add that or something similar to a DIV just before the gallery shortcode.
-
@Jen: That would create extra space above the first gallery row; OP wants extra space below each image caption.
@facchairs: Shortcodes are WP-specific formulas, not standard HTML – you can’t add attributes to them.
You can insert individual images instead of a gallery, and arrange them using table coding.
Or you can edit each image and turn its caption to this:
CAPTION TEXT<br />& nbsp;
(Remove the space after the ambersand: I had to add it otherwise nothing would show up.)
This will create a blank line below each caption.
You can also use the br tag (without the rest) to create line breaks when the caption is long.But the best solution would be to switch to a better theme: in most themes captioned images show up inside a frame that encloses the image and its caption.
-
Thanks folks. This is a big help. It’s given me a little more insight into shortcode, and what sound like three strong options for a solution. That’s super, again thanks. You volunteers are a great resource. Jo
- The topic ‘padding for gallery thumbnails’ is closed to new replies.