[Resolved] Category Listing

[Sourabh]

HI,

Do we have any method for showing posts category wise in sidebar in place of related posts ???

All new post lists here in a recent post in sidebar, so I want to set category specific posts to show with concerned articles??

So how can we do that ??

[David]

Hi there,

try this plugin:

https://en-gb.wordpress.org/plugins/ultimate-posts-widget/

It allows you to filter the post list based on current category.

[Sourabh]

Hi David,

Installed it but it seems not to follow the sidebar assigned CSS, So Should I need to add or remove something or do you have any alternate plugin names for suggestions?

[David]

If you inspect those elements you will see its what HTML it is using, first off its displaying a list of article.post elements which you have borders and shadow CSS for. So you would need to overwrite that eg.

.upw-posts article.post {
  border: 0;
  box-shadow: none;
}

You will also see it uses a H4 for the title, which you can change its style to match your other list items:

.upw-posts article.post h4 {
  /* add your font styles here */
}

[Sourabh]

Title CSS working, but first one no working as i have updated to –

.upw-posts article.post {
border: 0;
box-shadow: none;
}
.upw-posts article.post h4 {
font-family: FontAwesome;
font-size: 16px;
}

So the first section didn’t work, I think they using some HTML code (which I have highlighted), So guide me on how to delete that ??

I thought you have given me common CSS for my sidebar so any widget will accept that CSS, but it’s not the same, anyways help me further..

[David]

Try this CSS:

.upw-posts article.post {
  border: 0;
  box-shadow: none;
  padding: 0;
  margin: 0 0 0.5em;
}

.upw-posts article.post h4 a {
  text-align: left;
  display: block;
  padding: 5px 0 10px;
  border-bottom: 2px solid #000;
  color: #000;
  font-size: 15px;
}

.upw-posts article.post h4 a:hover {
  text-decoration: none;
  color: #f00;
}

[Sourabh]

I just wonder, if I paste this CSS between other CSS it won’t hide that border-box, but if I paste it into the bottom, then it works…Anyways Fine and Thanks David for your help.

[David]

Glad to be of help.

[Author]

Posts