Buy me a coffee

Summary Style: Title (left) – Category (right)

To achieve a Summary Block style like this

Summary Style Title (left) Category (right) 1 Min

#1. First, you can add a Summary Block
Use these options

  • Primary Metadata: Category
  • Secondary Metadata: None

Summary Style Title (left) Category (right) 2 Min

Click Design > Choose List layout

Summary Style Title (left) Category (right) 3 Min

At Elements, enable Title only

Summary Style Title (left) Category (right) 4 Min

#2. Next, find ID of Summary Block.
In my example, it is: #block-yui_3_17_2_1_1728035268472_14593

Summary Style Title (left) Category (right) 5 Min

#3. Next, use this code to Custom CSS box

#block-yui_3_17_2_1_1728035268472_14593 {
div.summary-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
span.summary-metadata-item a {
    background-color: #ececec;
    padding: 2px 5px;
    border-radius: 5px;
}
  .summary-title {
    overflow: hidden;
}}

Summary Style Title (left) Category (right) 6 Min