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

Ask for Help
1

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:
image

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

2

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

  1. You should set the appearance settings like this:
    image
    image1920×1080 334 KB

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

<pre><span><style>

.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.
3

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.

4

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

1 Like
5

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.

2 Likes