Tags in one line wrapping not individually

Support
#1

Hello,

I’m having an issue with the layout of the tag list in blog posts. I would like the tags to appear in the same line as the tag icon , and only wrap to the next line individually if there are too many tags to fit in one row.

Currently, the behavior is not as expected — the entire tag section breaks to a new line below the icon, instead of keeping everything in one flow. This disrupts the visual hierarchy of the metadata section (date, author, icon, tags) and creates unnecessary vertical space.

Expected behavior:

  • The tag icon and the tags should all appear in one horizontal line (when space allows).
  • Tags should wrap individually if they exceed the container width.
  • The layout should remain compact and consistent with the rest of the post meta section.

Link: https://zfw.rub.de/zfw-hoersaal-willkommen-am-unic-campus/
https://zfw.rub.de/gefo-dl/

#2

Hi Peter,

Thanks for reaching out.
I have checked the layout and found that the Tags are coming from a component, and that does not have the icon with it. I would suggest you add the icon within the component, or else you can add the icon and tag component in two different columns of a Row. For testing, I have created a sample layout, you can check and replicate the same.

Hope it helps.
Thanks

#3

and with this its not wrapping into a new row?

#4

Hi Peter,

You can add the DIV structure for Tags into the DIV you added for Date* and Author, it will come into one Row. I have updated the Test layout, for example.

image
image1200×427 83.5 KB

Hope it helps.
Thanks