# Adding code beneath the Timeline

**URL:** https://meta.discourse.org/t/adding-code-beneath-the-timeline/114743
**Category:** Support
**Created:** [April 11, 2019, 10:00am UTC](https://meta.discourse.org/t/adding-code-beneath-the-timeline/114743 "2019-04-11T10:00:18Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![DigitalStartup](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/digitalstartup/32/118242_2.png) [@DigitalStartup](https://meta.discourse.org/u/DigitalStartup)
#### Post date: [April 11, 2019, 10:00am UTC](https://meta.discourse.org/t/adding-code-beneath-the-timeline/114743/1 "2019-04-11T10:00:18Z")

</div>

I see the space beneath the Timeline as a great opportunity to add a small image/banner. Because it both utilises “dead” space and remains static.

Is there a Method or Plugin that would allow me to add a snippet of code underneath the timelines? It looks like the ideal place to have this code would be here:

```plaintext
<div class="timeline-container" style="top: 90px">
    <div class="topic-timeline"></div>
    <div class="CUSTOM-BLOCK"></div>
</div>

```

Example goal I wish to achieve

 ![timeline%20image](https://global.discourse-cdn.com/meta/original/3X/2/4/241bf97ea98ad89ee51806fa0680e1a9da549a6e.png)

---

<div class="post-metadata">

### Author: ![dax](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dax/32/244677_2.png) [@dax](https://meta.discourse.org/u/dax)
#### Post date: [April 11, 2019, 10:22am UTC](https://meta.discourse.org/t/adding-code-beneath-the-timeline/114743/2 "2019-04-11T10:22:26Z")

</div>

Did you see

> [@Insert text or images anywhere on your site using CSS pseudo-elements](https://meta.discourse.org/t/insert-plain-text-or-image-anywhere-in-discourse/99200):
>
> So, you want to insert some text or image in your Discourse site. Regarding the text in most cases it is sufficient to modify it from /admin/customize/site\_texts. Sometimes, however, it is our desire to add a sentence between two distinct blocks, rather than modifying one of the existing elements. Let’s see how to do it using the property :before and :after in CSS3. Basic steps In order to work we will need to use the developer console present on the main browsers. To open it, just press F…

?

---

<div class="post-metadata">

### Author: ![DigitalStartup](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/digitalstartup/32/118242_2.png) [@DigitalStartup](https://meta.discourse.org/u/DigitalStartup)
#### Post date: [April 11, 2019, 10:29am UTC](https://meta.discourse.org/t/adding-code-beneath-the-timeline/114743/3 "2019-04-11T10:29:39Z")

</div>

Interesting method, I would never have thought to use CSS `::after` and `content`. Looks like it’ll work for my needs. Thank you.

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [May 11, 2019, 10:41am UTC](https://meta.discourse.org/t/adding-code-beneath-the-timeline/114743/4 "2019-05-11T10:41:24Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.