[Support request] WP show posts – title on hover

Home Forums Support WP show posts – title on hover

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1344293
    misteriostudio

    Good morning,

    We are using WP show posts on our website for the portfolio. I have two doubts:

    1. Is there a way to show the title in the image on hover with css? If not, does the pro version allow this? (design img: https://drive.google.com/file/d/1G8ms128QYxNiKVUyVyGg7A7pLtM82zr8/view?usp=sharing )

    2. We plan to open a blog and use the same plugin to show the entries, but we don’t know how we could do to give them a different style (that is, apply a css to showposts that is not the same in the entire site).

    Thank you very much for your help!

    #1344632
    Leo
    Staff
    Customer Support

    Hi there,

    1. I think the Cards option in WPSP pro would be what you are looking for:
    https://demos.wpshowposts.com/cards/

    2. You would need to target each list separately with CSS. Each list has a unique ID that you can target.

    #1345176
    misteriostudio

    Hi Leo,

    To target each list, with is the ID field we have to use? Do you provide some documentation about it?

    Thank you!

    #1345274
    David
    Staff
    Customer Support

    Hi there,

    each list has an element ID that looks like: #wpsp-10432

    The number: 10432 is the list ID which is the same ID that is used in the WPSP Shortcode.

    #1346993
    misteriostudio

    Ok David, so… If now we have this code to style our portfolio

    
    .wp-show-posts a {
      opacity: 0.95;
      background-color: #ffffff;
    }
    
    .wp-show-posts-inner {
    	margin: 0px !important;
    }
    

    Should we change it to, for instance this

    
    #wpsp-10432 a {
      opacity: 0.95;
      background-color: #ffffff;
    }
    
    #wpsp-10432 {
    	margin: 0px !important;
    }
    

    …in order to be applied only to this list?

    Would you recommend to leave as it is now (using .wp-show-posts class), and use ID to change CSS only in one list?

    Thanks!

    #1347194
    David
    Staff
    Customer Support

    The code would be:

    #wpsp-10432 a {
      opacity: 0.95;
      background-color: #ffffff;
    }
    
    #wpsp-10432 .wp-show-posts-inner {
    	margin: 0px !important;
    }
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.