# Image and text as logo

**URL:** <https://meta.discourse.org/t/image-and-text-as-logo/138996>\
**Category:** Product Support\
**Created:** [January 17, 2020, 11:40pm UTC](https://meta.discourse.org/t/image-and-text-as-logo/138996 "2020-01-17T23:40:51Z")\
**Posts on this page:** 1\
**Showing post:** 3

<div class="post-metadata">

**Author:** ![smrtey](https://avatars.discourse-cdn.com/v4/letter/s/db5fbb/32.png) [@smrtey](https://meta.discourse.org/u/smrtey)\
**Post date:** [January 18, 2020, 2:14am UTC](https://meta.discourse.org/t/image-and-text-as-logo/138996/3 "2020-01-18T02:14:37Z")

</div>

You can do something like this

```plaintext
d-header .title::after {
    padding-left: 20px;
    font-size: 1.5em;
    color: #333;
    content: "Here is some text";
}

```

 ![image](https://global.discourse-cdn.com/meta/original/3X/8/4/84f4eeba697b1d7edeb53bdeafe15ef088b867b9.png)

You’ll still need to hide it where you don’t want it like when the title of a topic is displayed

 ![image](https://global.discourse-cdn.com/meta/original/3X/7/f/7f5df16d3ced3fbb8ce3d64cbdd8dd69f8a4d470.png)

You can do this by not having it display on pages with the `archetype-regular` body class (in which case it won’t be on topic pages at all) or with js that makes it disappear like how the Large and Small logos get swapped out once you start scrolling

---

_[View the full topic](https://meta.discourse.org/t/image-and-text-as-logo/138996)._