Jump to content

Multi Line Titles


kbeck
Go to solution Solved by Happy2Play,

Recommended Posts

GrimReaper
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;
}

1866282963_Screenshot2022-03-05235926.png.06352942beaeb8449c2acc8751392651.png

  • Like 1
Link to comment
Share on other sites

Happy2Play
3 minutes ago, GrimReaper said:

Roles, yes.

1426783467_Screenshot2022-03-05235352.thumb.png.5347da2ffa3dccfb03b90ba97d0fb26b.png

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

  • Like 1
  • Thanks 1
Link to comment
Share on other sites

GrimReaper
1 minute ago, Happy2Play said:

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

Great stuff. 👍

1571101233_Screenshot2022-03-06000241.thumb.png.c5ad17b93dad12807134d678f3498d98.png

Link to comment
Share on other sites

Locutus64

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 by Locutus64
  • Like 1
Link to comment
Share on other sites

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

image.thumb.png.815e0d7d18d3843f4f95d0302cf8fae9.png

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

  • Like 1
Link to comment
Share on other sites

  • 2 years later...
kbeck
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;
}

image.thumb.png.2bda7f7e3f683cfaebcac45282489d5d.png

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.

Link to comment
Share on other sites

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

image.png.d565d3372ff611014602f6aaebc53041.png

image.png.7a63366940a4e735b4ec8fd2c3fe84b5.png

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

 

  • Thanks 1
Link to comment
Share on other sites

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

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...