# Testo a larghezza intera come logo?

**URL:** https://meta.discourse.org/t/full-width-text-as-logo/109732
**Category:** UX
**Created:** [21 Febbraio 2019, 7:55am UTC](https://meta.discourse.org/t/full-width-text-as-logo/109732 "2019-02-21T07:55:22Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![openwonk](https://avatars.discourse-cdn.com/v4/letter/o/8baadc/32.png) [@openwonk](https://meta.discourse.org/u/openwonk)
#### Post date: [21 Febbraio 2019, 7:55am UTC](https://meta.discourse.org/t/full-width-text-as-logo/109732/1 "2019-02-21T07:55:22Z")

</div>

I want to replace the image logo with a text version, specifically a full width text version.  
Here’s an HTML version.

```
<p>
    <span id="outp" style="font-weight: bold;">ＡＷＥＳＯＭＥ <span>
    <span id="outp">ＬＯＦＴＳ</</span>
</p>

```

I’m new to Discourse.

I’ve tried creating a new component and even inject some Javascript, however it does run on `window.onload`.

Here’s some example Javascript that should reproduce the goal.

```
    var o = document.getElementById("site-text-logo")
    if(o.outerHTML) { //if outerHTML is supported
        o.outerHTML = `<p>
            <span id="outp" style="font-weight: bold;">ＡＷＥＳＯＭＥ </span>
            <span id="outp">ＬＯＦＴＳ</span>
        </p>`
    }

```

How would I do this?

---

<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: [21 Febbraio 2019, 1:34pm UTC](https://meta.discourse.org/t/full-width-text-as-logo/109732/2 "2019-02-21T13:34:12Z")

</div>

> [@openwonk](#):
>
> I want to replace the image logo with a text version

If you delete the image in the site setting `logo`, the text of the site setting `title` will appear:

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

Then you need to customize it with CSS and add some media queries for other devices.

---

<div class="post-metadata">

### Author: ![openwonk](https://avatars.discourse-cdn.com/v4/letter/o/8baadc/32.png) [@openwonk](https://meta.discourse.org/u/openwonk)
#### Post date: [21 Febbraio 2019, 7:29pm UTC](https://meta.discourse.org/t/full-width-text-as-logo/109732/3 "2019-02-21T19:29:59Z")

</div>

Thanks

I’m able to get text, however I’m not aware of a CSS way of changing text to “ｆｕｌｌ ｗｉｄｔｈ”, because “ｆｕｌｌ ｗｉｄｔｈ” is not a font, rather they are different characters.

---

<div class="post-metadata">

### Author: ![openwonk](https://avatars.discourse-cdn.com/v4/letter/o/8baadc/32.png) [@openwonk](https://meta.discourse.org/u/openwonk)
#### Post date: [21 Febbraio 2019, 8:31pm UTC](https://meta.discourse.org/t/full-width-text-as-logo/109732/4 "2019-02-21T20:31:16Z")

</div>

I think it would be similar if I wanted to insert special unicode characters into the text title

---

<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: [26 Febbraio 2019, 9:02am UTC](https://meta.discourse.org/t/full-width-text-as-logo/109732/5 "2019-02-26T09:02:41Z")

</div>

Well, you need only to copy/paste “ｆｕｌｌ ｗｉｄｔｈ” in the site setting “title”…