We're merging with GenerateBlocks! Learn more here.

[Support request] Customising the

Please login to receive premium support.

Support for the free plugin can be found here.

Home Forums Pro Support Customising the

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #36143
    Spencer
    Participant

    Hi there,

    I’m trying to create this -> https://drive.google.com/file/d/1JwDcT_bMu_Tv-VTRoc1MN1rNSJyRjOjA/view?usp=sharing using WPSHow Posts but not getting very far. Would you be able to point me in the right direction?

    Many thanks,
    Spencer

    • This topic was modified 1 year, 9 months ago by Spencer.
    #36146
    elvin
    Moderator

    Hi there,

    You can do this with a bit of CSS.

    Here’s something you can work with.

    .wp-show-posts-inner {
        position: relative;
        overflow: visible !important;
    }
    
    .wp-show-posts-inner .wpsp-content-wrap {
        position: absolute !important;
        top: 50%;
        left: 0;
        transform: translate(-10%, -50%);
        z-index: 10;
        margin: 0 !important;
        background-color: #b1b1e8 !important;
        height: 60%;
    }
    
    .wp-show-posts-inner .wp-show-posts-image {
        z-index: 0;
        width: auto !important;
        height: 100% !important;
        object-fit:cover;
    }
    
    .wp-show-posts-inner .wp-show-posts-image img {
        height: 100%;
        width: auto;
    }

    Let us know if you need something specific to be modified. 😀

    #36156
    Spencer
    Participant

    Hi Elvin,

    That is awesome.

    Thank you

    #36160
    elvin
    Moderator

    No problem. 😀

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