# Help bij het opnieuw maken van een per-categorie hero banner (afbeelding + overlay tekst) zonder layout shift

**URL:** https://meta.discourse.org/t/help-recreating-a-per-category-hero-banner-image-overlay-text-without-layout-shift/378460
**Category:** Support
**Tags:** category-banners
**Created:** [13 augustus 2025 om 17:09 UTC](https://meta.discourse.org/t/help-recreating-a-per-category-hero-banner-image-overlay-text-without-layout-shift/378460 "2025-08-13T17:09:44Z")
**Posts on this page:** 1
**Showing post:** 2

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [13 augustus 2025 om 18:30 UTC](https://meta.discourse.org/t/help-recreating-a-per-category-hero-banner-image-overlay-text-without-layout-shift/378460/2 "2025-08-13T18:30:34Z")

</div>

Very crappy demo (and Im not using topic cards) but I think you can easily do this with just the built-in category background image:

 ![CleanShot 2025-08-13 at 20.27.46@2x](https://global.discourse-cdn.com/meta/original/4X/9/4/4/9444a6d4243a734627dd9715aaa2b4f9f3d72d90.jpeg)

If you just add a category background in the category settings

 ![CleanShot 2025-08-13 at 20.29.46@2x](https://global.discourse-cdn.com/meta/original/4X/e/e/7/ee7070e229d4063cb74c23c3808d3764d1c00a85.png)

that places the image on the body tag. Maybe then adjust the CSS to something to your liking (my example is 400px):

`+ some tweaks to text-alignment, you should get an approximation of what you want I think? Main downside is that it’s really full-width so you’ll see it stick out on wider screens.

It’s not perfect, but it’s fast though 😉

---

_[View the full topic](https://meta.discourse.org/t/help-recreating-a-per-category-hero-banner-image-overlay-text-without-layout-shift/378460)._