We're merging with GenerateBlocks! Learn more here.

[Resolved] Overlay- Style 1

Please login to receive premium support.

Support for the free plugin can be found here.

Home Forums Pro Support Overlay- Style 1

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #29095
    vikingruler
    Participant

    Hello there,

    I am using the Cards, Overlay – Style 1 for a sidebar widget. I want the image to be exactly 300px x 300px.

    Because of this code:

    .wpsp-overlay .wp-show-posts-image img {
    height: calc(100% + 1em);
    }

    the image is 300px x 336px, magnified, and cuts off parts of the image.

    Is there any adverse effect, should I change the calc(100% + 1em) to calc(100% + 0em)?

    Thank you.

    Kallad

    #29097
    vikingruler
    Participant

    Sorry…

    Should be this code:

    .wpsp-overlay .wp-show-posts-image {
    height: calc(100% + 1em);
    }

    #29108
    elvin
    Moderator

    Hi there,

    Is there any adverse effect, should I change the calc(100% + 1em) to calc(100% + 0em)?

    There shouldn’t be any big issue if you do that.

    Writing it this way should be fine:

    .wpsp-overlay .wp-show-posts-image, .wpsp-overlay .wp-show-posts-image img {
        height: 100%;
    }
    #29114
    vikingruler
    Participant

    Thank you Elvin.

    #29116
    vikingruler
    Participant

    .

    #29118
    elvin
    Moderator

    No problem. Glad to be of any help. 🙂

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