---
title: "Design update: a new template for content categories"
description: "With this new template, we wanted to update a transversal element of our apps: the multi-categories. This element can be displayed in all list te"
canonical_url: "https://www.goodbarber.com/blog/design-update-a-new-template-for-content-categories-a1236/"
lang: en
date: 2023-03-20
last_updated: 2023-03-20
---

# Design update: a new template for content categories

[Back](/blog/make-it-r13/)

# Design update: a new template for content categories

Written by [Marie Pireddu](https://www.goodbarber.com/blog/author/marie-pireddu/)  on Monday 20 March 2023

![](https://cmsphoto.ww-cdn.com/superstatic/41269/art/grande/71429651-49771842.jpg?v=1678795018.7243922)

With this new template, we wanted to update a transversal element of our apps: the multi-categories. This element can be displayed in all list templates of all content types.
This **Tags template** will greatly contribute to upgrading the visual of your app, giving a modern and trendy vibe. Perfect for news apps, podcasts, travel guides, etc...

As we said in the introduction this new template is available in the following content lists :

-   	   **Articles**

-   	   **Videos**

-   	   **Events**

-   	   **Map**

-   	   **Podcasts**

## How to apply the template on your GoodBarber app?

![](https://cmsphoto.ww-cdn.com/superstatic/41269/art/grande/71429651-49772009.jpg?v=1678896229.337603)

In your back office, go to the section containing categories. In the example below, our news section offers multiple categories: culture, economy, technology, etc... **From the section, in the editing panel, click on Categories > select the Tags template.**

![](https://cmsphoto.ww-cdn.com/superstatic/41269/art/grande/71429651-49786056.jpg?v=1678896242.328069)

Another way to do this is, still from the relevant section, to click on the **pen icon at the top right of the mockup > category design. > select the Tags template.**

![](https://cmsphoto.ww-cdn.com/superstatic/41269/art/grande/71429651-49786062.jpg?v=1678896252.2134356)

Once this is done, go to the Element Style menu > thumbnail > and select the "Round" effect.

Voila, your new template is applied to your app!

![Marie Pireddu](https://blog.goodbarber.com/_public/profile/27/27d5454df9b59bdd3445adaa050cf2316d143af4-default.jpg)

About the author[Marie Pireddu](https://www.goodbarber.com/blog/author/marie-pireddu/)Employee at GoodBarber[Read more](https://www.goodbarber.com/blog/author/marie-pireddu/)