Skip to content

Instantly share code, notes, and snippets.

@cheesits456
Last active April 4, 2024 09:51
Show Gist options
  • Save cheesits456/41d659f932b5a574b5dfb9b391a4506e to your computer and use it in GitHub Desktop.
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;
}
@octomoo
Copy link

octomoo commented Jul 2, 2022

How to hide the new Nitro button is the server list

/* Hide Nitro button in server list */
.fixedBottomList-1yrBla {
    display: none;
}

@aarav2you
Copy link

Hello, I have made an improved version that I tested on the current discord canary version
It has tons of more features and modifications.
https://gist.github.com/aarav2you/d66e2369074fb70f74e061062c77e9c4

@cheesits456
Copy link
Author

I edited the gist to use the proper metadata formatting so you can actually use it as a theme file instead of needing to put it into your custom CSS. also updated the class names for the sticker suggestion popup cuz those keep changing

@luisl173
Copy link

luisl173 commented Oct 7, 2023

I've been using this language-agnostic CSS for a while now to hide the buttons in the text field:

[class^=buttons-]>*:not(:last-child) {
    display: none; /* Hide all the buttons except the last one (emoji) */
}

...

This works, but it also kills these buttons on the messages themselves
image
so i had to edit the code to point to the specific class name :/

@0aShadow
Copy link

0aShadow commented Mar 30, 2024

I know, this is an old thread, but if you still want to remove the button, embed this into your custom css:

.buttons__7ecff > .grow__4c8a4.colorBrand__27d57.lookBlank_a5b4ca.button__581d0 > .button__493d9.button__437ce.contents__322f4{
    display: none;
}

@antonify
Copy link

antonify commented Apr 4, 2024

I know, this is an old thread, but if you still want to remove the button, embed this into your custom css:

.buttons__7ecff > .grow__4c8a4.colorBrand__27d57.lookBlank_a5b4ca.button__581d0 > .button__493d9.button__437ce.contents__322f4{
    display: none;
}

Works, thank you so much!
For Vencord users, copy and paste @0aShadow 's code into your Discord settings: Vencord > Themes > Edit QuickCSS

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