Displaying posts on category page as text block rather than list

  • Hi, I would like to display the links to posts as a block of text links rather than as a list of links. If you see the provided page, you will see what I mean.

    I have done this manually at the top of the category page. I would like to display this without having to code it manually.

    So in other words, not display the posts as a list, but as a block..

    Any ideas would be appreciated, thanks.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator bcworkz

    (@bcworkz)

    It should be doable through CSS alone. A good beginning, added to the Additional CSS panel of the customizer:

    .category article {display: inline-block;}
.category .entry-title {padding-right: 9px;}
.category article:after {
    content: '|';
    display: inline-block;
    position: absolute;
    right: 0;
    top: 3px;
}

    Further refinement may be required to have this apply to the right pages and no others. It’s currently restricted to any page whose body class includes “category”. More styling is required to get the right font size and link color, line spacing, etc. Use your browser’s Elements Developer Tool to help you figure out which elements need rules and what the rules should be.

    Another approach would be to alter the appropriate theme template so it outputs the proper HTML to start with so you don’t need to patch up the layout through CSS.

    The problem like this, if you want to displaying your categories page or post with block form, does your themes supporting the widget block design for categories, post, or archives?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Displaying posts on category page as text block rather than list’ is closed to new replies.