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
  • December 20, 2021 at 12:49 am #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, 3 months ago by Spencer.
    December 20, 2021 at 1:06 am #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. 😀

    December 20, 2021 at 3:41 pm #36156
    Spencer
    Participant

    Hi Elvin,

    That is awesome.

    Thank you

    December 20, 2021 at 7:42 pm #36160
    elvin
    Moderator

    No problem. 😀

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