Different title for Tab Name and Title that appears on the page when you go to that tab

Hey There,

New glider here, so apologies if this has been asked and I just couldn’t find it. Is it possible to have a different title for the same page / tab? I know that sounds confusing, so here is an example:

That top title, can it be different than the “title” of the tab on the bottom row of the app that has its icon? I know it’s the same page, so it makes sense for it to be named or titled the same thing, but just curious if it’s possible to have them be different. I hope that makes sense…haha

Hello, maybe there is a better solution but I give you the one I use:

  1. You should set the appearance settings like this:

Then you create a rich text and in it you put the following CSS:


.nav-bar-root h1 {
color: transparent;

.nav-bar-root h1::before {
content: "Thinh Dinh's page";
color: black;
font-weight: 500;
font-size: 16px;
display: block;
margin: 5px;
line-height: 19px;
padding-top: 19px;
  1. Replace “Thinh Dinh’s page” with the Title you want.

I used this css from the css library created in this community: Notion – The all-in-one workspace for your notes, tasks, wikis, and databases.

This looks interesting! I’ll have to give it a shot later. Thanks for the suggestion @DillanMartinez!

1 Like

Please beware that the method used above will only work for a “light”/“dark” theme. It won’t work for the other themes.

The sole problem for that was the “bold” themes use a different structure, and it dynamically change the top as you scroll down the page.