[Resolved] Category Listing

Home Forums Support [Resolved] Category Listing

Home Forums Support Category Listing

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1611874
    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 ??

    #1612026
    David
    Staff
    Customer Support

    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.

    #1631231
    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?

    #1631635
    David
    Staff
    Customer Support

    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 */
    }
    #1631753
    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..

    #1632394
    David
    Staff
    Customer Support

    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;
    }
    #1632451
    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.

    #1632528
    David
    Staff
    Customer Support
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.