Edit the size of text in Overview Box

[Smitty018210 93]

@Happy2Play

Hey guys another quick question.

Is it possible to change the size of the text in this box?

Thanks!

Edited December 1, 2024 by Smitty018210

[user24 232]

Hi, perhaps try this:

.overview-text.readOnlyContent { font-size: 32px; }

[Smitty018210 93]

4 minutes ago, user24 said:

Hi, perhaps try this:

.overview-text.readOnlyContent { font-size: 32px; }

That worked, thanks!

[Smitty018210 93]

Instead of creating new topic just going to add to this one. (It's related to the same overview text box)

 Is there away to have the text wrap to the next line and fill the space where the orange arrow is pointing?

Also is it possible to remove the more button? (Green Arrow)

Thanks!

[user24 232]

Yeah, it is possible as I've been making very similar changes to my Music pages. You could try this, or a variation of it, to suit what you want:

/* Make the overview text 9 lines with ... at the end if it overflows */
.overview-text.readOnlyContent {
  display: -webkit-box; /* Makes it compatible with webkit browsers */
  -webkit-box-orient: vertical; /* Specifies vertical stacking of lines */
  overflow: hidden; /* Hides content after the specified number of lines */
  text-overflow: ellipsis; /* Adds ellipsis after the text is truncated */
  -webkit-line-clamp: 9; /* Restricts content to 9 lines */
  line-clamp: 9; /* Standard property for non-webkit browsers */
}
/* Hide the MORE button */
.button-link.btnReadMore.flex-shrink-zero.secondaryText.emby-button {
display: none;
}

I'm sure others more knowledgeable than me (or my AI helper) will spot any errors!!!

[Smitty018210 93]

19 minutes ago, user24 said:

Yeah, it is possible as I've been making very similar changes to my Music pages. You could try this, or a variation of it, to suit what you want:

/* Make the overview text 9 lines with ... at the end if it overflows */
.overview-text.readOnlyContent {
  display: -webkit-box; /* Makes it compatible with webkit browsers */
  -webkit-box-orient: vertical; /* Specifies vertical stacking of lines */
  overflow: hidden; /* Hides content after the specified number of lines */
  text-overflow: ellipsis; /* Adds ellipsis after the text is truncated */
  -webkit-line-clamp: 9; /* Restricts content to 9 lines */
  line-clamp: 9; /* Standard property for non-webkit browsers */
}
/* Hide the MORE button */
.button-link.btnReadMore.flex-shrink-zero.secondaryText.emby-button {
display: none;
}

I'm sure others more knowledgeable than me (or my AI helper) will spot any errors!!!

Works like a charm! Thank you!

[Happy2Play 9351]

 You mean this, but yes there are several ways to do this.