Replace the new trends tab with just... trends

[shootlazer]

The new trend tab mixes "moments" with trending topics.

The classic trendings (no descriptions, no news articles, just plain text) are still accesible on TweetDeck, so there must be a way to retrieve them.

[zetorplugger]

I added these styles to twitter.gt2eb.style.css and my trend box looks like the old one

/**********************  TRENDS ***********************/

/* remove Trend categories */
div[data-testid="trend"] > div:first-child >  div:first-child.css-1dbjc4n.r-1d09ksm.r-18u37iz.r-1wbh5a2
{display: none !important;}

/* remove trend explanations*/
div.css-1dbjc4n.r-1pz39u2.r-1inuy60.r-m611by {display: none !important;}

/* remove trend arrows*/
div.css-1dbjc4n.r-u8s1d.r-zchlnj.r-1jy2w8o  {display: none !important;}

/* trend name color */
.gt2-dashboard-profile a:link, a.gt2-trend:link, a.gt2-trend:visited {
color: rgb(29 161 242) !important;
}

/* remove trend bottom border */
.r-qklmqi {border: none !important;}

/* trends padding bottom 0 */
div[data-testid="trend"] {padding-bottom: 0px  !important;}

/* set tweet number font size */
div.css-901oao.r-1re7ezh.r-1qd0xha.r-a023e6.r-16dba41.r-ad9z0x.r-bcqeeo.r-vmopo1.r-qvutc0
{font-size:12px !important}

/* reduce margin between trends */
div.css-1dbjc4n.r-my5ep6.r-qklmqi.r-1adg3ll
{margin-top:-5px !important;}

edit: wrapped code

[shootlazer]

Looks great. Way much better than this "newsfeed" thing. Although they look bigger than they were.

[zetorplugger]

You can change the font size for the trend names

/* trend name color and size*/
.gt2-dashboard-profile a:link, a.gt2-trend:link, a.gt2-trend:visited {
color: rgb(29 161 242) !important;
    **font-size:12px  !important;**
}

and the trend number font size:

/* set tweet number font size */
div.css-901oao.r-1re7ezh.r-1qd0xha.r-a023e6.r-16dba41.r-ad9z0x.r-bcqeeo.r-vmopo1.r-qvutc0
{
**font-size:11px !important**
}

edit: wrapped code

[fid3lito]

I added these styles to twitter.gt2eb.style.css and my trend box looks like the old one

/**********************  TRENDS ***********************/

/* remove Trend categories */
div[data-testid="trend"] > div:first-child >  div:first-child.css-1dbjc4n.r-1d09ksm.r-18u37iz.r-1wbh5a2
{display: none !important;}

/* remove trend explanations*/
div.css-1dbjc4n.r-1pz39u2.r-1inuy60.r-m611by {display: none !important;}

/* remove trend arrows*/
div.css-1dbjc4n.r-u8s1d.r-zchlnj.r-1jy2w8o  {display: none !important;}

/* trend name color */
.gt2-dashboard-profile a:link, a.gt2-trend:link, a.gt2-trend:visited {
color: rgb(29 161 242) !important;
}

/* remove trend bottom border */
.r-qklmqi {border: none !important;}

/* trends padding bottom 0 */
div[data-testid="trend"] {padding-bottom: 0px  !important;}

/* set tweet number font size */
div.css-901oao.r-1re7ezh.r-1qd0xha.r-a023e6.r-16dba41.r-ad9z0x.r-bcqeeo.r-vmopo1.r-qvutc0
{font-size:12px !important}

/* reduce margin between trends */
div.css-1dbjc4n.r-my5ep6.r-qklmqi.r-1adg3ll
{margin-top:-5px !important;}

Can you teach me how to do that in a comprehensive way? I tried adding that but twitter.gt2eb.style.css is just one flat line and it didn't quite work

[Bl4Cc4t]

this is getting a bit off topic. the initial request was to show only trends in the trends section, not how to modifiy their looks.

also please note that modifying the files this script uses will be reverted once you update.

---

The classic trendings (no descriptions, no news articles, just plain text) are still accesible on TweetDeck, so there must be a way to retrieve them.

Yes, there is a way. But the user needs to be authenticated, so the same thing applies to this as with that issue: https://github.com/Bl4Cc4t/GoodTwitter2/issues/32#issuecomment-642628132

[zetorplugger]

I added these styles to twitter.gt2eb.style.css and my trend box looks like the old one

/**********************  TRENDS ***********************/

/* remove Trend categories */
div[data-testid="trend"] > div:first-child >  div:first-child.css-1dbjc4n.r-1d09ksm.r-18u37iz.r-1wbh5a2
{display: none !important;}

/* remove trend explanations*/
div.css-1dbjc4n.r-1pz39u2.r-1inuy60.r-m611by {display: none !important;}

/* remove trend arrows*/
div.css-1dbjc4n.r-u8s1d.r-zchlnj.r-1jy2w8o  {display: none !important;}

/* trend name color */
.gt2-dashboard-profile a:link, a.gt2-trend:link, a.gt2-trend:visited {
color: rgb(29 161 242) !important;
}

/* remove trend bottom border */
.r-qklmqi {border: none !important;}

/* trends padding bottom 0 */
div[data-testid="trend"] {padding-bottom: 0px  !important;}

/* set tweet number font size */
div.css-901oao.r-1re7ezh.r-1qd0xha.r-a023e6.r-16dba41.r-ad9z0x.r-bcqeeo.r-vmopo1.r-qvutc0
{font-size:12px !important}

/* reduce margin between trends */
div.css-1dbjc4n.r-my5ep6.r-qklmqi.r-1adg3ll
{margin-top:-5px !important;}

Can you teach me how to do that in a comprehensive way? I tried adding that but twitter.gt2eb.style.css is just one flat line and it didn't quite work

Just copypaste that CSS code after that one line and Click File -> Save

And yes as Bl4Cc4t said if this won't be part of the update you will have to repeat this after the update. alternatively if you are using Firefox you can create a userContent.css file in the in the C:\Users\YourUserName\AppData\Roaming\Mozilla\Firefox\Profiles\xxxxxxxx.default-release\chrome\ folder and copypaste that code between

@-moz-document domain(twitter.com) {

}