Multi Line Titles

[Locutus64 125]

I give up both Kate and Visual Studio Code could not locate that line in your image.

[GrimReaper 4739]

1 minute ago, Locutus64 said:

I give up both Kate and Visual Studio Code could not locate that line in your image.

Why do you need to locate it? Just replace:

div.cardText.cardTextCentered.cardText-first {
    white-space: pre-wrap;
}

with

div.cardText.cardText-first {
    white-space: pre-wrap;
}

[Happy2Play 9780]

3 minutes ago, GrimReaper said:

Roles, yes.

Change to "div.cardText" to cover all or add "div.cardText.cardText-secondary".

[GrimReaper 4739]

1 minute ago, Happy2Play said:

Change to "div.cardText" to cover all or add "div.cardText.cardText-secondary".

Great stuff. 

[Locutus64 125]

Yea I was thinking the long theming CSS instead of that. OMFGawd. Thanks for making realize I was look at the wrong CSS. 

 

EDIT:

 

Perfect, worked like a charm. Thanks guys for the help with this, greatly appreciated.

Edited March 5, 2022 by Locutus64

[Happy2Play 9780]

10 minutes ago, Locutus64 said:

I give up both Kate and Visual Studio Code could not locate that line in your image.

Where were you looking?  But if you were to look at system css you would have had to look at the card.css.

But you should use the browser console to see select the elements then apply custom css to Emby as editing system files requires update with every server update.

You should only run into issues default code already has "!important".

[Garbonzo17 26]

Thanks everyone! learned alot here..

 

[kbeck 64]

On 9/13/2021 at 3:03 PM, Happy2Play said:

Long names will always be a issue. 

At least for the web client I just add some custom css.  

div.cardText.cardTextCentered.cardText-first {
    white-space: pre-wrap;
}

Once upon a time you helped me with this Title Wrap problem. Has worked great until now. Just noticed it was no longer working. Does yours still work? Thx.

[Happy2Play 9780]

5 minutes ago, kbeck said:

Once upon a time you helped me with this Title Wrap problem. Has worked great until now. Just noticed it was no longer working. Does yours still work? Thx.

There was a change at some point as there is no cardTextCentered anymore.

div.cardText.cardText-first {
    white-space: pre-wrap;
}

 

[kbeck 64]

2 minutes ago, Happy2Play said:

There was a change at some point as there is no cardTextCentered anymore.

 

div.cardText.cardText-first {
    white-space: pre-wrap;
}

 

Perfect. Thanks so much. Been watching a lot of TV shows and had not noticed the change.

[Smitty018210 143]

On 3/5/2022 at 6:01 PM, Happy2Play said:

Change to "div.cardText" to cover all or add "div.cardText.cardText-secondary".

 

Sorry for bumping older post:

I Trying to figure this out. I know little coding, but I am trying my best to follow this, but what tired hasn't worked

I too would like to wrap actor roles:

/* Wraps Actor Roles */
div.cardText.cardText-all {
    white-space: pre-wrap;
}

--------------------------------------------------------------------

/* Wraps Actor Roles */
div.cardText.cardText-secondary {
    white-space: pre-wrap;
}

Neither is working. I assume I am missing something pretty basic (for some, not me), but I not sure what. 

 

[GrimReaper 4739]

4 hours ago, Smitty018210 said:

 

Sorry for bumping older post:

I Trying to figure this out. I know little coding, but I am trying my best to follow this, but what tired hasn't worked

I too would like to wrap actor roles:

/* Wraps Actor Roles */
div.cardText.cardText-all {
    white-space: pre-wrap;
}

--------------------------------------------------------------------

/* Wraps Actor Roles */
div.cardText.cardText-secondary {
    white-space: pre-wrap;
}

Neither is working. I assume I am missing something pretty basic (for some, not me), but I not sure what. 

 

I guess that's some illegal copy/paste character as I'm seeing no issues with it on 4.8.11.0.

Try copy/pasting this:

div.cardText-secondary {
    white-space: pre-wrap;
}

or just type it by hand.

[Smitty018210 143]

1 hour ago, GrimReaper said:

I guess that's some illegal copy/paste character as I'm seeing no issues with it on 4.8.11.0.

Try copy/pasting this:

div.cardText-secondary {
    white-space: pre-wrap;
}

or just type it by hand.

Ok, so typing it in rather than copy/paste seems to be working for movies and episodes. 

Thanks Grim!

 

 

[SpaceCowboy1968 3]

Works not wih Android app. Neither on my phone nor on my nVidia shield.

[GrimReaper 4739]

4 minutes ago, SpaceCowboy1968 said:

Works not wih Android app. Neither on my phone nor on my nVidia shield.

Custom CSS applies only to local Web app, no other client apps. 

[kbeck 64]

On 11/23/2025 at 9:47 AM, GrimReaper said:

Custom CSS applies only to local Web app, no other client apps. 

One of the big reasons I don't use the Emby app.