Image caption alignment

Tagged: align, caption

This topic has 3 replies, 2 voices, and was last updated 9 years, 4 months ago by Sakin.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
June 29, 2015 at 3:03 pm #60265

kathiejs
Member

I’ve got custom CSS to make my image captions align left without the em dash, but I’d really like them aligned with the left hand edge of the actual image (so a space of about 1 character before the text). Is this possible please?

Also, the left alignment doesn’t seem to work when the image is in a thumbnail grid – it’s centred under the image. Ideally I’d like text to be centered across the grid but I can’t see how to do that. Next best thing would be left aligned under the first image.

http://www.vintagevagabonds.net/?p=1237

July 1, 2015 at 10:01 am #60350
Sakin
Keymaster
@kathiejs:
1. For caption image, you can add the following css in “Appearance => Theme Options => Custom CSS” box:
```
.wp-caption img { width: 100%; }
.wp-caption .wp-caption-text { padding-left: 2px; }
```
2. Sorry I don’t get it what you mean by image in a thumbnail grid. Can you explain what are you trying to do or maybe share screenshot.
July 1, 2015 at 12:40 pm #60370

kathiejs
Member

Sorry, I can do a screenshot on this tablet. If you look at http://www.vintagevagabonds.net/?p=1237, there is a pair of pictures labelled Nijo Castle gardens – it’s a gallery with the caption attached to the left hand image. Ideally I’d like the caption centred across the 2 photos, but if that’s not possible, left aligned under the left photo, like the others on the page.

Thanks for the other fix.

July 2, 2015 at 4:47 am #60412
Sakin
Keymaster
@kathiejs: That cannot be center between two image as the caption is only of that first image. To align left, you can add the following css in “Appearance => Theme Options => Custom CSS” box:
```
#content .gallery dd.gallery-caption {
    text-align: left;
}
```
Author

Posts