1

Operating system

Windows

Joplin version

2.14.2

What issue do you have?

Hi, is there a way to change the layout or organization of the built in editor section? For instance I was thinking to move the tags bar at the bottom to the top or to hide it if possible. Thanks.

1 Like
2

Yes, see this explainer: Introduction to customising Joplin (userchrome.css & userstyle.css)

Adding this CSS to the userchrome.css file hides the tag bar:

.tag-bar {
  display: none !important;
}
1 Like
3

Thanks so much. That code ended up hiding the tag bar and that blue "In NOTEBOOK" blue button in the editor, which is a little perplexing but it frees up a lot more space in the editor. And I can just right click a note in the sidebar to edit those settings. Thanks.

4

I would love to be able to move the tag bar to the top.

Is this somehow possible?

Many thanks!

5

That should not occur as the class .tag-bar is not used by the "In:Notebook" button.

Note that this button only appears if you have not selected a notebook in the sidebar on the left. If you select a notebook from your sidebar list it will not be there but if you select a tag from your sidebar list it will.

Clicking on the "In:Notebook" button when you can see it keeps you looking at the same note but switches you to its parent notebook, so the button disappears.

6

Ohhh, I didn't realize notes could exist without being in any notebook. Yes, after clicking Move to Notebook, the blue notebook button appeared in the editor for that note.

7

Add this CSS to userchrome.css to move the tag bar to the top:

.tag-bar {
  order: 1 !important;
}

.rli-editor > div > div > div div:not(.tag-bar) {
  order: 2 !important;
}
3 Likes
8

Wow thank you so much for this! Very kind of you.

I'm going to try this later and let you know how I get on.

Many thanks again.

B

9

This works perfectly and will be loved by all ex-Evernote users! Thank you so much again.

B

10

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.