Search for answers:
Customer Notices: WordPress 4.5 Affects LiveEditor Functionality - See this article WordFence Plugin Affects LiveEditor - See this article

Pre Tags Do not Wrap in LiveEditor

Unfortunately, as standard the "Pre" tag inside HTML/CSS is not designed to wrap like other classes. It is possible to make this happen to avoid the long string of text that you may see when the content does not wrap

If you are editing a LiveEditor page, you can go to Page Settings > Other Scripts > Custom CSS and add this:

white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word;

This code will make the pre tag content wrap into the box.

If you need to use the pre HTML on another page you will need to add this on the CSS there or add it to your sitewide CSS inside OptimizePress > Dashboard > Global Settings > Custom CSS (Sitewide)

Didn't find an answer to your question? Contact Our Support Team (Submit a ticket)
Was this article helpful?
0 out of 0 found this helpful


Other Help Categories:

Get Started Guide

Watch our Ultimate Getting Started guide video

Pre-Sales Questions

Ask questions before purchasing our products

Login Problems

If you're having issues logging into our members hub

Accounts & Billing

Update your billing, request a refund and other accounts help

API Key Issues

Get help with licensing your site and API key issues

Membership Help

Get help creating Membership portals and courses

LiveEditor Help

If you need help using or troubleshooting the LiveEditor


Find out about the many integrations possible with OptimizePress

Affiliate Questions

Have questions about promoting OptimizePress

Clubhouse Questions

Questions about our Clubhouse Membership Subscription
Powered by Zendesk