How do I remove the buttons in the Zen sidebar

[FulgerePulse]

I want to remove the new tab buttons and the place that opens the theme change section I looked at the zen sidebar css codes in the github of the zen browser, I managed to remove the buttons at the bottom, but I want the downloaded button from the bottom buttons to remain, I wonder if anyone knows what the full names of these buttons are.

[FulgerePulse]

I found these buttons “.zen-current-workspace-indicator” this is the full name of the button with customizations inside that shows the current workspace use the following code to hide it
.zen-current-workspace-indicator { display: none !important; }

“#tabbrowser-arrowscrollbox-periphery” this is the + button above, but I wanted to keep it instead of removing it, but normally .zen-current-workspace-indicator looks bad when removed, so I used the following code
#tabbrowser-arrowscrollbox-periphery { margin-top: 28px !important; }

“#zen-sidebar-foot-buttons” these are the following buttons, I only want the downloads button to remain, but I couldn't find the name of the other button, so I used the following code
#zen-sidebar-foot-buttons > :not(#downloads-button) { display: none !important; }

[dosubot[bot]]

Here are the main buttons found in the #zen-sidebar-foot-buttons container:

• #downloads-button — the downloads/status button
• #zen-expand-sidebar-button — toggles sidebar expansion
• #zen-workspaces-button — manages workspace switching (contains dynamically generated workspace buttons)
• #zen-create-new-button — opens the create new popup

If you want only the downloads button to remain, your CSS is correct:

#zen-sidebar-foot-buttons > :not(#downloads-button) {
  display: none !important;
}

If you ever want to target the others individually, you can use their IDs as selectors, for example:

#zen-expand-sidebar-button,
#zen-workspaces-button,
#zen-create-new-button {
  display: none !important;
}

Note: The set of buttons may change if you customize the sidebar or if the browser updates, but these are the main selectors in the current setup. More details in the code: zen-sidebar-foot-buttons definition and customizable UI logic.

To reply, just mention @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}   

[kashamalasha]

It doesn't work for me. What folder do you use to set the CSS?