[Support request] caption aligned vertically on the featured image

Log In Free Support

Popular Articles

Missing style.css

Updating errors

Installing GP Premium

Installing GeneratePress

This topic has 1 reply, 2 voices, and was last updated 3 years, 4 months ago by Ying.

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

Author

Posts
November 29, 2022 at 3:40 pm #2441954

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

Thanks

November 29, 2022 at 5:08 pm #2441997
Ying
Staff
Customer Support
Hi Jonathan,

Try adding this CSS:
```
p.wp-caption-text.thumb-caption-text {
    position: absolute;
    top: 0;
    right: 0;
    transform: translateY(-90%) rotate(270deg);
    transform-origin: bottom right;
    background: hsla(0,0%,100%,.35);
    padding: 10px;
    opacity: 1;
}
```
Author

Posts

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

You must be logged in to reply to this topic.