WP Show Posts - How do I get the image to change color on hover?

Hi Mark,

Here’s a CSS you may try adding in Appearance > Customize > Additional CSS:

header.wp-show-posts-entry-header:hover .wp-show-posts-entry-title a {
    color: rgb(0,0,200);
}

.wp-show-posts-image:hover img {
    opacity: 0.8;    
}

This one alters the opacity of the image.

Alternative:

header.wp-show-posts-entry-header:hover .wp-show-posts-entry-title a {
    color: rgb(0,0,200);
}

.wp-show-posts-image {
    position:relative;
}

.wp-show-posts-image:hover a:before {
    content: "";
    background-color:rgba(0,0,230,0.3);
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:1;
}

This one sets a color on top of the image on hover.

Kindly modify the values to your preference.

Hope this helps!

Excellent!

Sorry, forgot to also ask....how do I change the title text color of the text under the images?

Here’s a CSS you may try adding:

.wp-show-posts-entry-header .wp-show-posts-entry-title a {
    color: rgb(200,0,0);
}

Kindly let us know how it goes.

Sidenote, WPSP has been merged with GenerateBlocks: https://generateblocks.com/generateblocks-1-5-dynamic-data-query-loops-image-blocks/. The official release will come out probably within 10 days.

You'll be able to Query in GenerateBlocks and make modifications as well in the editor through a Query Block: https://docs.generateblocks.com/article/query-loop-overview/

Thanks Fernando,

The CSS code worked.

With regards the WPSP merge and the update...when that happens, should I remove the code supplied in this thread because the merge update in around 10 days will do all these things?

Hi Mark,

You’re welcome! Glad that worked!

If you’ll be using WPSP, you can retain the CSS.

It’s just that the querying functionality of WPSP has been added to GenerateBlocks. WPSP will still work, but our team’s development will be focused towards GenerateBlocks plugin for now and in the future most likely.

The Query Loop Block in GB 1.5.0 works in the same way as WPSP, and it has more options for editing.

Hope this clarifies!

Ok. Is it the next release of GP premium that will have this feature?

Hi Mark,

No, it wouldn’t.

It’s available only in GenerateBlocks plugin which is free by the way. :)

Here’s the article we released with regards to this: https://wpshowposts.com/weve-made-the-decision-to-merge-wp-show-posts-with-generateblocks/

Like WPSP, there’s also a pro version of GenerateBlocks which adds more functionalities.

Hope this clarifies!

Hi Fernando,

I have GBlocks Pro. I don't want the testing/beta, I'd like the officially release.

I guess I'll just wait to see the update option and read the notes.

Cheers

I see. That’s great then!

Cheers!