How to remove "Recently added in" Text in Library Category only

[vbxlive]

How to remove "Recently added in" Text in Library Category only want to show only Library category name,where I can edit file to remove that
   

[Efficient_Good_5784]

You can hide those sections by going to:

Client Settings > Home

In the home settings, look at the home sections and remove any that say "Recently Added Media".

[TheDreadPirate]

You can remove all recently added media. Click on your profile picture in the top right and then "Home". Home screen section 7 should be recent media. Change that to something else or nothing and it won't show up on the home screen anymore.

[vbxlive]

I dont want remove category just want remove recently added text only infront of library name,e.g in above image i want to keep kids movies only name not recently added text
Thank you.

   

[Efficient_Good_5784]

I dont want remove category just want remove recently added text only infront of library name,e.g in above image i want to keep kids movies only name not recently added text
Thank you.

What's the purpose of doing so? The library buttons on the top of the screen already have the different libraries listed by their names.

That section is for recently added media, not for a library overview. It will disappear if nothing gets added eventually.

[M0RPH3US]

How to remove "Recently added in" Text in Library Category only want to show only Library category name,where I can edit file to remove that

Start by ensuring Recently Added is the Home screen section 2 in Settings > Home.

To explain better I may have 3 categories - Hollywood, Bollywood & Cartoon.

For Hollywood Section

Code:

#homeTab
  > div
  > div.section1
  > div:nth-child(1)
  > div.sectionTitleContainer.sectionTitleContainer-cards.padded-left
  > a
  > h2 {
  display: none;
}
#homeTab
  > div
  > div.section1
  > div:nth-child(1)
  > div.sectionTitleContainer.sectionTitleContainer-cards.padded-left
  > a
  > span {
  display: none;
}
#homeTab
  > div
  > div.section1
  > div:nth-child(1)
  > div.sectionTitleContainer.sectionTitleContainer-cards.padded-left
  > a:after {
  content: 'Hollywood ›';
  font-size: 24px;
  font-weight: normal;
}

Similarly, For Bollywood

Code:

#homeTab
  > div
  > div.section1
  > div:nth-child(2)
  > div.sectionTitleContainer.sectionTitleContainer-cards.padded-left
  > a
  > h2 {
  display: none;
}
#homeTab
  > div
  > div.section1
  > div:nth-child(2)
  > div.sectionTitleContainer.sectionTitleContainer-cards.padded-left
  > a
  > span {
  display: none;
}
#homeTab
  > div
  > div.section1
  > div:nth-child(2)
  > div.sectionTitleContainer.sectionTitleContainer-cards.padded-left
  > a:after {
  content: 'Bollywood ›';
  font-size: 24px;
  font-weight: normal;
}

And so on. See how I am changing the nth child for each. Play around with the font size and color

[vbxlive]

How to remove "Recently added in" Text in Library Category only want to show only Library category name,where I can edit file to remove that

Start by ensuring Recently Added is the Home screen section 2 in Settings > Home.

To explain better I may have 3 categories - Hollywood, Bollywood & Cartoon.

For Hollywood Section

Code:

#homeTab
  > div
  > div.section1
  > div:nth-child(1)
  > div.sectionTitleContainer.sectionTitleContainer-cards.padded-left
  > a
  > h2 {
  display: none;
}
#homeTab
  > div
  > div.section1
  > div:nth-child(1)
  > div.sectionTitleContainer.sectionTitleContainer-cards.padded-left
  > a
  > span {
  display: none;
}
#homeTab
  > div
  > div.section1
  > div:nth-child(1)
  > div.sectionTitleContainer.sectionTitleContainer-cards.padded-left
  > a:after {
  content: 'Hollywood ›';
  font-size: 24px;
  font-weight: normal;
}

Similarly, For Bollywood

Code:

#homeTab
  > div
  > div.section1
  > div:nth-child(2)
  > div.sectionTitleContainer.sectionTitleContainer-cards.padded-left
  > a
  > h2 {
  display: none;
}
#homeTab
  > div
  > div.section1
  > div:nth-child(2)
  > div.sectionTitleContainer.sectionTitleContainer-cards.padded-left
  > a
  > span {
  display: none;
}
#homeTab
  > div
  > div.section1
  > div:nth-child(2)
  > div.sectionTitleContainer.sectionTitleContainer-cards.padded-left
  > a:after {
  content: 'Bollywood ›';
  font-size: 24px;
  font-weight: normal;
}

And so on. See how I am changing the nth child for each. Play around with the font size and color

  I tried this everything showing blank now, none of device shows webpage , completely blank,how to undo or delete code

[M0RPH3US]

How to remove "Recently added in" Text in Library Category only want to show only Library category name,where I can edit file to remove that

Start by ensuring Recently Added is the Home screen section 2 in Settings > Home.

To explain better I may have 3 categories - Hollywood, Bollywood & Cartoon.

For Hollywood Section

Code:

#homeTab
  > div
  > div.section1
  > div:nth-child(1)
  > div.sectionTitleContainer.sectionTitleContainer-cards.padded-left
  > a
  > h2 {
  display: none;
}
#homeTab
  > div
  > div.section1
  > div:nth-child(1)
  > div.sectionTitleContainer.sectionTitleContainer-cards.padded-left
  > a
  > span {
  display: none;
}
#homeTab
  > div
  > div.section1
  > div:nth-child(1)
  > div.sectionTitleContainer.sectionTitleContainer-cards.padded-left
  > a:after {
  content: 'Hollywood ›';
  font-size: 24px;
  font-weight: normal;
}

Similarly, For Bollywood

Code:

#homeTab
  > div
  > div.section1
  > div:nth-child(2)
  > div.sectionTitleContainer.sectionTitleContainer-cards.padded-left
  > a
  > h2 {
  display: none;
}
#homeTab
  > div
  > div.section1
  > div:nth-child(2)
  > div.sectionTitleContainer.sectionTitleContainer-cards.padded-left
  > a
  > span {
  display: none;
}
#homeTab
  > div
  > div.section1
  > div:nth-child(2)
  > div.sectionTitleContainer.sectionTitleContainer-cards.padded-left
  > a:after {
  content: 'Bollywood ›';
  font-size: 24px;
  font-weight: normal;
}

And so on. See how I am changing the nth child for each. Play around with the font size and color

  I tried this everything showing blank now, none of device shows webpage , completely blank,how to undo or delete code

You added this in the custom css right.??

[TheDreadPirate]

If the server is Linux, go to /etc/jellyfin/branding.xml. If the server is Windows, go to C:\ProgramData\Jellyfin\Server\config\branding.xml.

In that file will be a CustomCss field. Change it from

Code:

<CustomCss>
    {insert a bunch of CSS here}
    {insert a bunch of CSS here}
    {insert a bunch of CSS here}
    {insert a bunch of CSS here}
</CustomCss>

to this

Code:

<CustomCss />

[M0RPH3US]

If the server is Linux, go to /etc/jellyfin/branding.xml.  If the server is Windows, go to C:\ProgramData\Jellyfin\Server\config\branding.xml.

In that file will be a CustomCss field.  Change it from

Code:

<CustomCss>
    {insert a bunch of CSS here}
    {insert a bunch of CSS here}
    {insert a bunch of CSS here}
    {insert a bunch of CSS here}
</CustomCss>

to this

Code:

<CustomCss />

@TheDreadPirate

It's strange that this didn't work because I tested this and gave this css code. It's working for me. I won't give any untested code. 😞  How come this borks up the entire page??