Card Grid

forgot to add this link above: https://prnt.sc/0Nrl0eQZr-6d

Thanks

Hi Bhavleen,

Try this CSS:

.home .wp-show-posts-inner {
    border: 1px solid lightgrey;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}
 .home .wp-show-posts-image.wpsp-image-center {
    margin-left: -20px;
    margin-right: -20px;
}
 .home .wp-show-posts-inner:hover {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

Hi Ying,

This worked really well.

But can we create something like this without any plugin?

You created CSS for the plugin I am using which I don't want as it's taking too much loading time.

Appreciate your help!

Thanks

But can we create something like this without any plugin?

You can use WP's query loop block instead of WP show posts plugin.

But to style Query loop block, CSS will be required as well.

Sorry, but I didn't understand what you said. lol

Can you tell me in plain English?

Thanks

Hi Bhavleen,

There’s a in-built Block in WordPress called the Query Loop Block. If you don’t want to use a plugin, you may use that instead.

Reference: https://wordpress.org/support/article/query-loop-block/

You’ll be needing to modify it through CSS as well.

Hope this clarifies. :)

Thanks. I will try to use it. :)

You’re welcome Bhavleen! :)