-
-
Save cheesits456/41d659f932b5a574b5dfb9b391a4506e to your computer and use it in GitHub Desktop.
I have made a more aggressive custom CSS for my own use, but it seems it randomly stopped working about a week ago. It looks like Discord changed most of the CSS class names (the numbers/letters at the end of the name). Is there a way to get around this? Maybe target based on beginning of class names instead of the full name?
That should be doable. While updating my CSS above, I decided to give [class^=buttons-]
(match class names that begin with "buttons-") a try instead of the new buttons class name, and it worked. It doesn't look like any other classes have buttons-
in their name. Your code references a lot more classes (but, surprisingly, not the buttons element, despite it being the simplest way to hide the junk buttons), but the same idea should apply. Just remember that partial name matches are less exact, so you need to test and make sure you're not accidentally affecting unrelated elements.
/* Remove Big Nitro Button */
#private-channels-2.clickable-1JJAn8 {
display: none;
}
Wasn't working for me, so after a bit of trial and error I've settled on:
/* Remove Big Nitro Button */
[href="/store"] {
display: none;
}
For some reason adding #private-channels
to the front broke it, and removing it fixed it. (Code taken from here)
On the chat bar there is a "Upgrade this server with a Boost!" is there any code to remove it?
I tried below but it doesn't work.
button[aria-label="Upgrade this server with a Boost!"] {
display: none;
}
I searched and there is one
Credits : https://gist.github.com/RealTheSunCat/58fedaa19d6154ef3e4b2b676c286906
/* Boost in chat bar */
button[aria-label="Boost this server"] { display: none; }
How to hide the new Nitro button is the server list
/* Hide Nitro button in server list */
.fixedBottomList-1yrBla {
display: none;
}
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
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
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
so i had to edit the code to point to the specific class name :/
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;
}
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
For people who also want to get rid of the Sticker and Gif picker buttons as well
/* nitro button thanks 0aShadow */
.buttons__7ecff > .grow__4c8a4.colorBrand__27d57.lookBlank_a5b4ca.button__581d0 > .button__493d9.button__437ce.contents__322f4{
display: none;
}
/* gif selector */
.buttons__7ecff > .expression-picker-chat-input-button > .button__581d0.lookBlank_a5b4ca.colorBrand__27d57.grow__4c8a4 > .contents__322f4.button__437ce.button__493d9 {
display: none;
}
/* sticker */
.buttons__7ecff > .expression-picker-chat-input-button > .button__581d0.lookBlank_a5b4ca.colorBrand__27d57.grow__4c8a4 > .contents__322f4.button__437ce.stickerButton_c02bc0 {
display: none;
}
I have made a more aggressive custom CSS for my own use, but it seems it randomly stopped working about a week ago. It looks like Discord changed most of the CSS class names (the numbers/letters at the end of the name).
Is there a way to get around this? Maybe target based on beginning of class names instead of the full name?