[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

This topic contains 8 replies, has 2 voices, and was last updated by  David Beckwith 6 months, 3 weeks ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #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

    #9423

    sebastien
    Participant

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

    #9433

    David Beckwith
    Participant

    Hi there,

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

    #9437

    sebastien
    Participant

    Hey David =)

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

    #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/

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

    • This reply was modified 6 months, 3 weeks ago by  sebastien.
    #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;
    }
    #9473

    sebastien
    Participant

    Oh thanks you so muchhhhhh…

    #9477

    David Beckwith
    Participant

    You’re welcome

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

You must be logged in to reply to this topic.