# Add HTML above

**URL:** <https://meta.discourse.org/t/add-html-above/346573>\
**Category:** Product Support\
**Created:** [January 10, 2025, 8:38pm UTC](https://meta.discourse.org/t/add-html-above/346573 "2025-01-10T20:38:35Z")\
**Posts on this page:** 1\
**Showing post:** 3

<div class="post-metadata">

**Author:** ![NateDhaliwal](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/natedhaliwal/32/313494_2.png) [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)\
**Post date:** [January 11, 2025, 2:56am UTC](https://meta.discourse.org/t/add-html-above/346573/3 "2025-01-11T02:56:14Z")

</div>

You could do something like this:

```html
<script type="text/x-handlebars" data-template-name="/connectors/before-topic-list/NameOfThing">
  <div class="className">
    <p>Hi there!</p>
  </div>
</script>

```

This renders the text in the `before-topic-list` outlet.  
You can change the outlet and component names in `data-template-name`.

Be sure to put this in Customize \> CSS \> New component \> Edit CSS/HTML \> Head.

---

_[View the full topic](https://meta.discourse.org/t/add-html-above/346573)._