[Resolved] display post title only on hover

Please login to receive premium support.

Support for the free plugin can be found here.

This topic has 6 replies, 3 voices, and was last updated 3 years ago by Tom.

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

Author

Posts
August 27, 2020 at 9:39 am #18649

Julie
Participant

I’m using Overlay 1 and I only want the post title to be displayed on hover along with the excerpt.
What css do I need to add to make this happen?
here is my test page: https://www.kinoborderinitiative.org/migrant-stories-test/
Thank you,
Julie

August 27, 2020 at 2:49 pm #18661

Tom
Keymaster

Hi there,

Try turning on the post title option in the list settings – looks like it’s turned off right now.

Let me know 🙂

August 27, 2020 at 3:35 pm #18673

dave-smith
Participant

Hi Tom,

I’m working with Julie on the project. I didn’t realize she had the titles turned off. She only wants the title to appear on hover.

Thanks

August 28, 2020 at 2:35 pm #18704
Tom
Keymaster
Give this a shot:
```
.wpsp-overlay.wpsp-ov-style-one .wp-show-posts-entry-header {
    opacity: 0;
    transform: translateY(1em);
    transition: all 0.3s cubic-bezier(.33, .66, .66, 1);
    backface-visibility: hidden;
}

.wpsp-overlay.wpsp-ov-style-one .wp-show-posts-inner:hover .wp-show-posts-entry-header {
    opacity: 1;
    transform: translateY(0);
}
```
August 28, 2020 at 3:20 pm #18711

dave-smith
Participant

Thanks Tom, works like a charm (but you already knew that).

August 28, 2020 at 3:40 pm #18714

Julie
Participant

Thank you Tom!

August 29, 2020 at 1:57 pm #18747

Tom
Keymaster

Glad I could help! 🙂
Author

Posts

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

You must be logged in to reply to this topic.