CSS Question

[Spaceboy 2565]

Hi, trying to get the following CSS to work in Firefox

 

    /* ---- Item Detail - Overview line break---- */
    div.overview-main-text  {white-space: pre-wrap;}

 

it doesnt apply the line break as expected. Works in Chrome. Any ideas?

 

@@Happy2Play cheers

[PenkethBoy 2066]

and to piggy back on this Happy2Play - do you know how to widen the overview box - i can shrink it but cant get it any bigger than the default width

 

Thanks

[Happy2Play 9441]

and to piggy back on this Happy2Play - do you know how to widen the overview box - i can shrink it but cant get it any bigger than the default width

 

Thanks

 

Look at the .readOnlyContent in that element.

div.overview-main div.readOnlyContent {max-width: 65em;}

@@PenkethBoy

Edited March 27, 2020 by Happy2Play

[Happy2Play 9441]

Hi, trying to get the following CSS to work in Firefox

 

    /* ---- Item Detail - Overview line break---- */

    div.overview-main-text  {white-space: pre-wrap;}

 

it doesnt apply the line break as expected. Works in Chrome. Any ideas?

 

@@Happy2Play cheers

 

Using that code I get this in Firefox.

[PenkethBoy 2066]

Look at the .readOnlyContent in that element.

div.overview-main div.readOnlyContent {max-width: 65em;}

@@PenkethBoy

Thanks

 

I got there in the end with the hint about the readonlycontent

 

with

 .overview-main-text.overview-text.readOnlyContent {max-width: 65em;}