Jump to content

CSS Question


Recommended Posts

Spaceboy

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

Link to post
Share on other sites
PenkethBoy

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

Link to post
Share on other sites
Happy2Play

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

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.

5e7d41eb538e2_wrap.jpg

  • Like 1
Link to post
Share on other sites
PenkethBoy

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;}
Link to post
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...