# How to hide placeholder from message composer

**URL:** https://meta.discourse.org/t/how-to-hide-placeholder-from-message-composer/96346
**Category:** Support
**Created:** [September 4, 2018, 6:34pm UTC](https://meta.discourse.org/t/how-to-hide-placeholder-from-message-composer/96346 "2018-09-04T18:34:52Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![gumboy](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gumboy/32/110166_2.png) [@gumboy](https://meta.discourse.org/u/gumboy)
#### Post date: [September 4, 2018, 6:34pm UTC](https://meta.discourse.org/t/how-to-hide-placeholder-from-message-composer/96346/1 "2018-09-04T18:34:52Z")

</div>

Hello,

I changed the placeholder text from admin-customize-text content. I change the text of placeholder (In composer) to guide my user to post nice content. But that same placeholder text showing in all composer like in reply, in message composer. So my question is how to hide placeholder from the certain composer as I don’t want to show placeholder in Message composer box.

Or can we create the separate placeholder for creating new topic composer and message composer?

Please help..

---

<div class="post-metadata">

### Author: ![vinothkannans](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/vinothkannans/32/86465_2.png) [@vinothkannans](https://meta.discourse.org/u/vinothkannans)
#### Post date: [September 5, 2018, 1:51pm UTC](https://meta.discourse.org/t/how-to-hide-placeholder-from-message-composer/96346/3 "2018-09-05T13:51:17Z")

</div>

> [@Using topic templates for categories](https://meta.discourse.org/t/using-topic-templates-for-categories/38295/1):
>
> Some categories might follow a strict pattern. One such example would be a Movies category, wherein you’d like users to start new topics according to a certain template:

Instead you can use topic templates.

---

<div class="post-metadata">

### Author: ![gumboy](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gumboy/32/110166_2.png) [@gumboy](https://meta.discourse.org/u/gumboy)
#### Post date: [September 5, 2018, 5:41pm UTC](https://meta.discourse.org/t/how-to-hide-placeholder-from-message-composer/96346/4 "2018-09-05T17:41:55Z")

</div>

Yes.. but topic template contains pre defined text and we don’t have any. It is educational forum. That’s why i’m using placeholder to guide them.

So, is there any solution for my question?

Thank you.

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [September 5, 2018, 6:07pm UTC](https://meta.discourse.org/t/how-to-hide-placeholder-from-message-composer/96346/5 "2018-09-05T18:07:45Z")

</div>

You can hide placeholders with CSS. For example, the main textarea in the composer:

```SCSS
#reply-control {
    textarea::-webkit-input-placeholder { visibility: hidden; }
    textarea::-moz-placeholder { visibility: hidden; }
    textarea:-ms-input-placeholder { visibility: hidden; }
}

```

You just need to adjust the classes to target the specific inputs you want to hide placeholders for.

---

<div class="post-metadata">

### Author: ![gumboy](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gumboy/32/110166_2.png) [@gumboy](https://meta.discourse.org/u/gumboy)
#### Post date: [September 5, 2018, 6:21pm UTC](https://meta.discourse.org/t/how-to-hide-placeholder-from-message-composer/96346/6 "2018-09-05T18:21:43Z")

</div>

Thank you so much @awesomerobot for reply.

But you given CSS is hiding placeholder from all composer i.e. Composer for New Topic, Reply, Message..

I want to hide placeholder from the only message composer, not from other. I want keep placeholder for New Topic and Reply.

 ![img1](https://global.discourse-cdn.com/meta/original/3X/9/0/90f65b2d0f4c1f05856fa0079d6b81354c2f8aa2.png)

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [September 5, 2018, 6:33pm UTC](https://meta.discourse.org/t/how-to-hide-placeholder-from-message-composer/96346/7 "2018-09-05T18:33:39Z")

</div>

You just need to add the correct classes in the CSS (you can find them by using the web inspector for your browser). This should do it.

```CSS
#reply-control.private-message {
    textarea::-webkit-input-placeholder { visibility: hidden; }
    textarea::-moz-placeholder { visibility: hidden; }
    textarea:-ms-input-placeholder { visibility: hidden; }
    #reply-title::-webkit-input-placeholder { visibility: hidden; }
    #reply-title::-moz-placeholder { visibility: hidden; }
    #reply-title:-ms-input-placeholder { visibility: hidden; }
}

```

---

<div class="post-metadata">

### Author: ![gumboy](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gumboy/32/110166_2.png) [@gumboy](https://meta.discourse.org/u/gumboy)
#### Post date: [September 5, 2018, 6:38pm UTC](https://meta.discourse.org/t/how-to-hide-placeholder-from-message-composer/96346/8 "2018-09-05T18:38:52Z")

</div>

Wow.. It’s working..  
That’s what i needed…

Thank you so much..  
You’re really Awesome.

---

<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: [October 5, 2018, 6:52pm UTC](https://meta.discourse.org/t/how-to-hide-placeholder-from-message-composer/96346/9 "2018-10-05T18:52:41Z")

</div>

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