To achieve a Summary Block style like this
#1. First, you can add a Summary Block
Use these options
- Primary Metadata: Category
- Secondary Metadata: None
Click Design > Choose List layout
At Elements, enable Title only
#2. Next, find ID of Summary Block.
In my example, it is: #block-yui_3_17_2_1_1728035268472_14593
#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; }}