# Help recreating a per-category hero banner (image + overlay text) without 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:** [August 13, 2025, 5:09pm 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:** 3

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [August 14, 2025, 12:36am UTC](https://meta.discourse.org/t/help-recreating-a-per-category-hero-banner-image-overlay-text-without-layout-shift/378460/3 "2025-08-14T00:36:21Z")

</div>

> [@Steve\_John](#):
>
> - Tips for using per-category uploads or theme settings to set the background image cleanly.

I think the closest theme-component I’ve seen to what you are looking for is this one:

> [@Discourse Category Headers theme component](https://meta.discourse.org/t/discourse-category-headers-theme-component/148682):
>
> This theme component provides a number of enhancements for the Discourse category header. The ‘standard’ Discourse category header is displayed at the top of each category page, above the navigation links and list of topics. It is normally only visible if a category logo image has been uploaded in the category settings. The header displays the logo and a short description of the category, taken from the first paragraph of the ‘About the.. category’ topic. This theme component provides the foll…

You could have a look at that one to get some ideas, but it sounds like you may need to build a custom component. You could post in #Marketplace if you are looking to hire some developers to help.

---

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