[Resolved] How to put the caption above the posts featured image

[Roger]

Hello,

How to put the caption above the post featured image?

[Ying]

Hi Roger,

Try this CSS:

.featured-image .wp-caption.thumb-caption {
    display: flex;
    flex-direction: column;
}

.featured-image .wp-caption.thumb-caption p {
    order: -1;
}

Let me know 🙂

[Roger]

Thank you Ying!

[Ying]

You are welcome 🙂

[Roger]

Hi Ying,

How can I align text to the right and increase the font size?

[David]

Hi there,

change Yings CSS to:

.featured-image .wp-caption.thumb-caption {
    display: flex;
    flex-direction: column;
}

.featured-image .wp-caption.thumb-caption p {
    order: -1;
    text-align: right;
    font-size: 16px;
}

[Jonathan]

Hi, how could we align the caption vertically on the featured image?
like this: https://ibb.co/55qmSB3

note: I’m using this snippet to generate the caption around the featured image
https://gist.github.com/diggeddy/5f7c3a4584a8beb51febc9c4f33d6c5c

[Ying]

Hi Jonathan,

Can you open a new topic and using the private info field to attach your post link where we can see the featured image and caption?

[Author]

Posts