[Support request] How to show Post title on hover, Styling effect

Please login to receive premium support.

Support for the free plugin can be found here.

Home Forums Pro Support How to show Post title on hover, Styling effect

Tagged: ,

This topic contains 25 replies, has 6 voices, and was last updated by  Tom 3 months ago.

Viewing 11 posts - 16 through 26 (of 26 total)
  • Author
    Posts
  • #5005

    Tom
    Keymaster

    Hi Carlotta,

    Have you tried setting the Column Gutter option to 0px within the Columns section of the list settings?

    Let me know 🙂

    #5007

    Carlotta
    Participant

    Hi Tom

    Great, it works, thank you!??
    Carlotta

    #5010

    Tom
    Keymaster

    You’re welcome 🙂

    #6437

    Eva
    Participant

    Hi!
    I was looking for this, but because my client would like to see various options I would like to know how to show post this way on one page only.Link to page: https://test.alfabetprodukties.nl/braaksma-variant/ (the idea is this: http://www.braaksma-roos.nl/projecten). It worked on the homepage, but because I need to make two different options, I removed the extra css. The homepage (https://test.alfabetprodukties.nl) has to look more or less like this: https://www.unstudio.com/en/projects.
    Hope I managed to make myself clear 🙂

    Thanks!!
    Eva

    #6441

    Tom
    Keymaster
    #6449

    Eva
    Participant

    Hey Tom,

    Yes I am now :-). It works on the home page, but I would like it on https://test.alfabetprodukties.nl/braaksma-variant/ only. Is that possible?
    Thanks,
    Eva

    #6451

    Tom
    Keymaster

    Definitely!

    In front of each selector, add this: #wpsp-3616

    So this:

    .wp-show-posts-inner {
    	position: relative;
    	margin-bottom: 0 !important;
    	overflow: hidden;
    }

    Would become this:

    #wpsp-3616 .wp-show-posts-inner {
    	position: relative;
    	margin-bottom: 0 !important;
    	overflow: hidden;
    }
    #6453

    Eva
    Participant

    Yes, that does the trick!! It still works even after removing some CSS:
    .wp-show-posts-columns .wp-show-posts-entry-title {
    font-size: 18px;
    }
    .wp-show-posts-meta a,
    .wp-show-posts-meta a:visited {
    color: rgba(255,255,255,0.7);
    }
    .wp-show-posts-image {
    margin-bottom: 0;
    }

    Would it be possible to get rid of the extra title (see red arrow in screenshot: https://prnt.sc/lj81x3) and to have a background for the title?

    Thanks again for the help, Tom!!

    #6468

    Tom
    Keymaster

    Try adding this function:

    add_filter( 'wpsp_image_title', function() {
        return '';
    } );

    Let me know 🙂

    #6469

    Eva
    Participant

    Works fine! Thank you! 🙂

    #6472

    Tom
    Keymaster

    You’re welcome 🙂

Viewing 11 posts - 16 through 26 (of 26 total)

You must be logged in to reply to this topic.