CSS issue Cards Style Overlay 1

This topic has 8 replies, 2 voices, and was last updated 4 years, 4 months ago by David Beckwith.

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

Author

Posts
May 19, 2019 at 11:56 pm #9421

sebastien
Participant

Hi,
I meet a CSS issue when I use the param Card > Overlay Style 1

The issue is easy to replicate:

1) I displays post type: pages
2) I displays 3 columns (And I displays 3 posts)
3) Card > Overlay Style 1 > Set Cards Styles

Then, you’ll notice that the text is always displays however it should be only dipslays while Hovering.
I’ve tried to disable all others pluggin and delete all my current CSS but anything changes.
I’m sure it is an issue because if I displays post type “post” instead of pages … The issue disappears.
I can’t send you my Url because of the privacy of this support forum =/

thanks for any help

May 20, 2019 at 12:08 am #9423

sebastien
Participant

Edit: I’ve sent an email with my current website showing issue.
thanks for help

May 20, 2019 at 12:40 pm #9433

David Beckwith
Participant

Hi there,

Could you disable flush and disable autoptimize so we can see why the CSS is not working.

May 20, 2019 at 8:48 pm #9437

sebastien
Participant

Hey David =)

I’ve disable WP Rocket as suggested, let me know if I can do something else.
See you later

May 21, 2019 at 10:02 am #9452

David Beckwith
Participant

So the padding can be fixed by editing the list and adding padding in the Columns settings.
Overlay Style One displays the Post Entry Header and Meta all the time and only the excerpt is displayed on hover.
Overlay Style Two will hide all content. You can see the different styles here:

https://demos.wpshowposts.com/cards/

May 21, 2019 at 10:23 am #9455

sebastien
Participant

thanks for help,

David, to be sure we are speaking of the same element, my issu appears on the second Post List ID: 10224 (where there is a “RED Icon” into one of the 3 cards.

The problem is: the Exerpt text is ALWAYS displayed instead of been displayed only when hovering.
I don’t understand why..

May 22, 2019 at 7:23 am #9472
David Beckwith
Participant
Aah yes, its a bug that we found that needs fixing in the next update. Add this CSS:
```
.wpsp-overlay.wpsp-ov-style-one .wp-show-posts-entry-summary {
    opacity: 0.0;
    -webkit-transform: translateY(1em);
    transform: translateY(1em);
    -webkit-transition: all 0.3s cubic-bezier(.33, .66, .66, 1);
    transition: all 0.3s cubic-bezier(.33, .66, .66, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
```
May 22, 2019 at 7:43 am #9473

sebastien
Participant

Oh thanks you so muchhhhhh…

May 22, 2019 at 12:19 pm #9477

David Beckwith
Participant

You’re welcome
Author

Posts

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

You must be logged in to reply to this topic.

[Resolved] CSS issue Cards Style Overlay 1