[Support request] WP show posts – title on hover

[Mireia]

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!

[Leo]

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.

[Mireia]

Hi Leo,

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

Thank you!

[David]

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.

[Mireia]

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!

[David]

The code would be:

#wpsp-10432 a {
  opacity: 0.95;
  background-color: #ffffff;
}

#wpsp-10432 .wp-show-posts-inner {
	margin: 0px !important;
}

[Author]

Posts