Archived topic
Category Listing
7 replies · Started by Sourabh on January 9, 2021
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 ??
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.
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?
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 */
}
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..
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;
}
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.
Glad to be of help.