WP Show Posts CSS codes free version

Hi there,

Yes, most of this is possible with CSS. Any chance you can link us to your site?

6. To load more posts on button click, you’d need a custom javascript solution. Our pro version has this built in.

Hi Tom,

Thanks for your reply. Could you please provide CSS code so I can try.

Regards

Can you link me to your site? That way I can be sure the CSS I’m providing is 100% accurate and will work for you.

Yes, sure https://mysundaytools.com/

I pasted the code at the bottom of home page.

Thanks Tom, I appreciate it!

Hi there jorgeeg, I was curious about your topic cause I’m also changing my blog layout and I just wanted to say I absolutely LOVE your website design ?? Great job!

Tom, I LOVE your plugin. I’m having a lot of fun with it. ??
Kim

1. The read more button can be adjusted like this:

a.wp-show-posts-read-more, a.wp-show-posts-read-more:visited {
    border: 2px solid #222;
    color: #222;
}

a.wp-show-posts-read-more:focus, a.wp-show-posts-read-more:hover {
    border: 2px solid transparent;
    color: #fff;
    background: #222;
}

2. The post title:

.wp-show-posts-entry-title a {
    color: red;
}

3. Updated date:

.wp-show-posts-posted-on a time {
    display: none;
}

.wp-show-posts-posted-on a time:last-child {
    display: inline-block;
}

4. Borders:

.wp-show-posts-inner {
    padding: 20px;
    border: 1px solid #ddd;
}

5. You’ll see with the borders that they’re already all the same height.

Hope this helps ??

That’s awesome Tom, Thank you very much.

I’ll try the code and come back with any issues.

Tom, it works like a charm, I really appreciate it!

KimsCrochets thanks!

Regards

Glad I could help ??