[Resolved] Styling Posts

Please login to receive premium support.

Support for the free plugin can be found here.

This topic has 5 replies, 2 voices, and was last updated 4 years, 8 months ago by Tom.

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
July 25, 2018 at 2:27 am #5407

Emma
Participant

Hi, I want to use WP Show Posts Pro twice on my site to display recent posts. One on the homepage and one on the sidebar of my blog. The plugin works great but I am struggling to style both posts differently as I want to use a different font and styling. There are options to add borders and change colors in WP Show Posts Pro, but there doesn’t seem to be a font option. I can create the effect I want with CSS, but this changes the posts on both the homepage and the sidebar. Is there a specific class I can use to style each of the posts independently?

July 25, 2018 at 8:09 pm #5417

Tom
Keymaster

Hi there,

By font, do you mean the font family?

Let me know 🙂

July 28, 2018 at 2:41 am #5442

Emma
Participant

Yes, font family and font weight.

I have styled one ‘recent posts’ with CSS but I want to style the second one differently (different color, font etc)

Thanks

July 28, 2018 at 7:00 pm #5454
Tom
Keymaster
You’ll find that each list has a custom ID with the ID of the list in it: wpsp-13607

13607 being the ID of the list.

This allows you to target specific elements inside specific lists.
```
#wpsp-13607 .wp-show-posts-entry-title {
    font-family: Whatever;
    font-weight: bold;
}
```
Let me know if this helps or not 🙂
July 30, 2018 at 2:33 am #5473

Emma
Participant

That’s great, thank you.

July 30, 2018 at 8:54 pm #5487

Tom
Keymaster

You’re welcome 🙂
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.