Remove chat box features

Rocket.Chat Apps
1

:speech_balloon: 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

  • 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.

Annotation 2025-10-29 111851
Annotation 2025-10-29 111851678×859 11.2 KB

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.