We're merging with GenerateBlocks! Learn more here.

[Resolved] CSS issue Cards Style Overlay 1

Please login to receive premium support.

Support for the free plugin can be found here.

Home Forums Pro Support CSS issue Cards Style Overlay 1

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
  • #9421

    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


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

    David Beckwith

    Hi there,

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


    Hey David =)

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

    David Beckwith

    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:



    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..

    David Beckwith

    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;

    Oh thanks you so muchhhhhh…

    David Beckwith

    You’re welcome

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.