Archived topic
WP show posts - title on hover
5 replies · Started by Mireia on June 28, 2020
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!
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.
Hi Leo,
To target each list, with is the ID field we have to use? Do you provide some documentation about it?
Thank you!
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.
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!
The code would be:
#wpsp-10432 a {
opacity: 0.95;
background-color: #ffffff;
}
#wpsp-10432 .wp-show-posts-inner {
margin: 0px !important;
}