# Remove chat features

**URL:** https://forums.rocket.chat/t/remove-chat-features/22579
**Category:** Community Support
**Created:** [October 29, 2025, 6:04am UTC](https://forums.rocket.chat/t/remove-chat-features/22579 "2025-10-29T06:04:48Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![User20r0](https://avatars.discourse-cdn.com/v4/letter/u/85f322/32.png) [@User20r0](https://forums.rocket.chat/u/User20r0)
#### Post date: [October 29, 2025, 6:04am UTC](https://forums.rocket.chat/t/remove-chat-features/22579/1 "2025-10-29T06:04:48Z")

</div>

## 💬 Community Post Query: Hiding Message Composer Buttons in RC 7.10.0 via Custom CSS

Hello everyone,

I’m running a **Community Self-Hosted** instance of **Rocket.Chat version 7.10.0**.

I’m looking to simplify the UI by removing most of the buttons in the message composer toolbar, as highlighted in the attached image:

**[Please upload the image (Annotation 2025-10-29 111851.png) when posting]**

I specifically need the **Custom CSS** snippets (to be applied in **Administration \> Layout \> Custom CSS** ) to hide the following sets of icons:

1. **Emoji** (Smiley Face)
2. **All Formatting Buttons** (B, I, S, Link, Code/Code Block)
3. **The Attachment/Media Plus Icon** (`+` which opens to Files, Mic, Video, etc.)

For instance, the Emoji button often uses an icon name selector, but the formatting group (`B`, `I`, `S`, etc.) is harder to target individually without affecting other buttons.

Could someone please provide the most stable Custom CSS selectors for Rocket.Chat v7.10.0 to hide these elements?

Any help is greatly appreciated!

* * *

### **My Server Information**

 ![Annotation 2025-10-29 111851](https://us1.discourse-cdn.com/flex021/uploads/rocketchat/original/2X/d/d29b649cfdb81e398d49f1bc8aa0847e0e783994.png)

- **Rocket.Chat Server Version:** **7.10.0 (Community)**
- **Deployment Method:** **Self-Hosted / [Your specific method, e.g., Docker]**
- **Goal:** \*\*A cleaner, text-focused composer bar.\*\*strong text

---

<div class="post-metadata">

### Author: ![reetp](https://sea1.discourse-cdn.com/flex021/user_avatar/forums.rocket.chat/reetp/32/5546_2.png) [@reetp](https://forums.rocket.chat/u/reetp)
#### Post date: [October 29, 2025, 9:16am UTC](https://forums.rocket.chat/t/remove-chat-features/22579/2 "2025-10-29T09:16:16Z")

</div>

See

> [@Remove chat box features](https://forums.rocket.chat/t/remove-chat-box-features/22578/2):
>
> In a word, no. Please remember this is community support, not “work for me for free”. You have opened multiple similar messages asking similar things, which makes work for everyone. I suggest you look at “embedded”. Reading the docs will help.

---

<div class="post-metadata">

### Author: ![User20r0](https://avatars.discourse-cdn.com/v4/letter/u/85f322/32.png) [@User20r0](https://forums.rocket.chat/u/User20r0)
#### Post date: [October 29, 2025, 11:21am UTC](https://forums.rocket.chat/t/remove-chat-features/22579/3 "2025-10-29T11:21:23Z")

</div>

Can you provide the link to embedded documentation that you were referring to?

---

<div class="post-metadata">

### Author: ![reetp](https://sea1.discourse-cdn.com/flex021/user_avatar/forums.rocket.chat/reetp/32/5546_2.png) [@reetp](https://forums.rocket.chat/u/reetp)
#### Post date: [October 29, 2025, 11:42am UTC](https://forums.rocket.chat/t/remove-chat-features/22579/4 "2025-10-29T11:42:53Z")

</div>

Have you tried searching?

Please, do a bit of work yourself.

---

<div class="post-metadata">

### Author: ![User20r0](https://avatars.discourse-cdn.com/v4/letter/u/85f322/32.png) [@User20r0](https://forums.rocket.chat/u/User20r0)
#### Post date: [October 29, 2025, 12:03pm UTC](https://forums.rocket.chat/t/remove-chat-features/22579/5 "2025-10-29T12:03:47Z")

</div>

Of course I did searched but the embedded chat has only few lines of documentation,  
[Rocket Chat Embedded Layout Guide](https://developer.rocket.chat/docs/embedded-layout) ? If you can, help me by doing the needful .

---

<div class="post-metadata">

### Author: ![reetp](https://sea1.discourse-cdn.com/flex021/user_avatar/forums.rocket.chat/reetp/32/5546_2.png) [@reetp](https://forums.rocket.chat/u/reetp)
#### Post date: [October 29, 2025, 12:54pm UTC](https://forums.rocket.chat/t/remove-chat-features/22579/6 "2025-10-29T12:54:59Z")

</div>

You can use embedded layout and/or iframes as per the docs.

As I said, you need to do some work for yourself rather than just saying “write it all for me”.

Bad: “I’m stuck - write a solution for me”

Good: “ I did X and I did Y and I did wrote this code but it broke with this error”

No one is going to spend hours writing it all for you, for nothing. That is not the way it works.

I have already told you that here as well:

> [@How to change css for specific roles?](https://forums.rocket.chat/t/how-to-change-css-for-specific-roles/22544/2):
>
> Search the docs for custom CSS/JS. This probably won’t be trivial and no one is just going to write it all for you.

Some further reading on how to get attention:

[Tips and tricks](https://gist.github.com/reetp/a66149d5f060f260643a353ca7067a98)

[Dev tips and tricks](https://gist.github.com/reetp/b0ba4e3d0ea2ff48ca9da00a5a647d42#writing-your-own-code)
