[Robertf]

Hi,

I’ve made the following change to editor-style.css for my CatchBox Pro theme:

html .mceContentBody {
  max-width: none !important;
}

Without it, the text and other contents wrap on wider screens, similar to this StackExchange support post (from where I got the idea on how to fix the problem):

http://wordpress.stackexchange.com/questions/2067/why-is-the-visual-editor-in-wordpress-limiting-the-width-by-wrapping-the-content

The problem is the standard setting for CatchBox Pro is:

html .mceContentBody {
	max-width: 584px;
}

That’s fine for smaller screens, but not for wider ones.

Thanks,
Robertf

[Sakin]

@Robertf: ok we will remove that in next version update. Thanks for reporting.

[Robertf]

Hi,

I’ve just updated my CatchBox Pro theme to the latest version and it seems the problem I reported last August with backend editing, which was addressed in the 4.2 theme update, has reappeared.

I had to to change the following code in editor-style.css so the text and contents of pages wouldn’t wrap when editing on a wider screen:

body {
margin: 30px;
max-width: 644px;
vertical-align: baseline;
}

… to:

body {
margin: 30px;
max-width: none !important;
vertical-align: baseline;
}

Regards,
Robertf

[Sakin]

@robertf: Thanks Robertf, but some of our user requested that. As they need exactly same preview of the content in the live site. So, I am checking on best way to satisfy both.

[Robertf]

Thanks, @Sakin. With due respect to your customers, it’s a interesting request, as you need to preview content in a variety of browsers and devices to see what it looks like for all users.

Me, I just like to use the whole screen when adding and updating content, so for now I’ll make the max-width: none !important; code change to editor-style.css … and try to remember to do so for each CatchBox Pro update! 🙂

Regards,
Robertf

[Sakin]

@robertf: Yes, I got you. Will do that soon.

[Author]

Posts