how to remove back/forward buttonds

[akamienski]

Latest update made this line not working in css file:

#back-button, #forward-button { display:none!important; }

So how to remove it now?

[dosubot[bot]]

The recent update changed the navigation bar's HTML structure, so the old CSS selector stopped working. The back/forward buttons still use the same IDs, but they're now inside new parent containers like #zen-appcontent-navbar-wrapper and #zen-appcontent-navbar-container. To hide them, you need a more specific selector. Try this:

#zen-appcontent-navbar-container #back-button,
#zen-appcontent-navbar-container #forward-button {
  display: none !important;
}

If that doesn't work, inspect the DOM to confirm the exact parent chain and adjust the selector accordingly. There’s no config option for hiding these buttons—CSS is still the way to go, just with updated selectors now that the structure changed. For more on similar selector issues, see this discussion and this issue.

To reply, just mention @dosu.

---

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

[akamienski]

The recent update changed the navigation bar's HTML structure, so the old CSS selector stopped working. The back/forward buttons still use the same IDs, but they're now inside new parent containers like #zen-appcontent-navbar-wrapper and #zen-appcontent-navbar-container. To hide them, you need a more specific selector. Try this:

#zen-appcontent-navbar-container #back-button,
#zen-appcontent-navbar-container #forward-button {
  display: none !important;
}

If that doesn't work, inspect the DOM to confirm the exact parent chain and adjust the selector accordingly. There’s no config option for hiding these buttons—CSS is still the way to go, just with updated selectors now that the structure changed. For more on similar selector issues, see this discussion and this issue.

To reply, just mention @dosu.

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

doens't work, what's DOM and how to confirm the exact parent chain and adjust the selector accordingly?

[FulgerePulse]

`@-moz-document url-prefix("chrome:") {
.titlebar-close {
display: none !important;
}

#back-button{
display: none !important;
}

#forward-button {
display: none !important;
}
}`

I use these codes .titlebar-close I forgot which button it is, you can remove it, you need to use it as userChrome.css

[akamienski]

`@-moz-document url-prefix("chrome:") { .titlebar-close { display: none !important; }

#back-button{ display: none !important; }

#forward-button { display: none !important; } }`

I use these codes .titlebar-close I forgot which button it is, you can remove it, you need to use it as userChrome.css

tysm it worked!

[FulgerePulse]

you can also take a look at the repositories I opened about zen customization, maybe it will help you
https://github.com/FulgerePulse/ZenBrowser-Sidebar-RemoveFootNewTabButton
https://github.com/FulgerePulse/ZenBrowser-RemoveWorkspaceIndicator