[Resolved] Placing image caption to the left, changing font style

[Daren]

Hi there. Is there a way of having the image caption to the left of the image, like in the example website?

https://pitchfork.com/features/article/10055-how-to-buy-the-best-home-recording-studio-equipment-a-beginners-guide/

It’s to the left, aligned with the bottom of the image, smaller grey italic font

Thanks

[David]

Hi there,

can you share a link to a page on your site where you want to apply this style ?

[Daren]

Sure

[David]

Tricky without using custom HTML.
But you can try adding this CSS:

@media(min-width: 1025px) {
    .wp-block-image figure.alignleft figcaption {
        position: relative;
        left: calc(-100% - 20px);
        text-align: right;
        font-style: italic;
        color: #ccc;
    }
}

you can adjust the min-width to set what size screens it applies to.
And it will only apply to images that have been left aligned

[Daren]

Thanks!

[David]

Sorry I missed the other requests, I updated the CSS above to include them

[Author]

Posts