Skip to content

Instantly share code, notes, and snippets.

@cheesits456
Last active July 6, 2026 14:50
Show Gist options
  • Select an option

  • Save cheesits456/41d659f932b5a574b5dfb9b391a4506e to your computer and use it in GitHub Desktop.

Select an option

Save cheesits456/41d659f932b5a574b5dfb9b391a4506e to your computer and use it in GitHub Desktop.
Custom CSS for Discord to remove the GIF picker and Nitro Gift buttons from the message bar
/**
* @name Remove Buttons
* @version 1.1.1
* @author cheesits456
* @authorId 306018440639152128
* @description Remove the nitro gift, GIF picker, and sticker picker buttons from the message box. Also remove the sticker suggestion popup
* @source https://gist.github.com/cheesits456/41d659f932b5a574b5dfb9b391a4506e
* @invite 7QH4YeD
* @donate https://donate.haileybot.com
* @website https://cheesits456.dev
*/
/* Hide Nitro gift button */
button[aria-label="Send a gift"] {
display: none;
}
/* Hide GIF picker button */
button[aria-label="Open GIF picker"] {
display: none;
}
/* Hide sticker picker button */
button[aria-label="Open sticker picker"] {
display: none;
}
/* Hide annoying sticker popup window that appears when you type */
.channelTextArea-1FufC0 > .container-1ZA19X {
display: none;
}
@SketchySites

SketchySites commented Jul 6, 2026

Copy link
Copy Markdown

The gift button on the chatbar no longer responds to any of the CSS above, including the most recent from Mar 6 2026. Any ideas? I'm using BetterDiscord, it still works for everything else.
If I use Ctrl+Shift+i to open the dev tools I can use the element picker, click "Edit as HTML" and type in style="display:none" -- but I'm getting tired of doing that since it keeps refreshing itself every so often and the button comes back. I suppose just the one button isn't that big of a deal, but it's the principle. :)
[edit] Found something that works for the Gift button. Mind you, I tried this multiple times, but seeing other examples of class in brackets did the trick for me. Added this to MichaelDavidGK's CSS found above:
[class="container__5287f"],

@Wrizz

Wrizz commented Jul 6, 2026

Copy link
Copy Markdown

The gift button on the chatbar no longer responds to any of the CSS above, including the most recent from Mar 6 2026. Any ideas? I'm using BetterDiscord, it still works for everything else.

If I use Ctrl+Shift+i to open the dev tools I can use the element picker, click "Edit as HTML" and type in style="display:none" -- but I'm getting tired of doing that since it keeps refreshing itself every so often and the button comes back. I suppose just the one button isn't that big of a deal, but it's the principle. :)

try:

button[aria-label="Send a gift"], div[aria-label="Send a gift"] {
display: none;
}
button[aria-label="Give a Gift"], div[aria-label="Give a Gift"] {
display: none;
}
button[aria-label="Create DM"], div[aria-label="Create DM"] {
display: none;
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment