[Geschlossen] Code line breaks fix not working

[Author]

Artikel

[willem-siebeS]

Hi,

You removed a code line break fix from your CSS: https://toolset.com/forums/topic/css-for-needs-improvement/.

However my opinion is you should not try to fix this anyway (people should not use a lot of code inside the code element), you changed the fix to:

.entry-content code {
	max-width: 100%;
}

This is not working, see picture.

Kind regards,

Willem

[Adriano]

I will check that with our development team and will let you know.

[Adriano]

I have checked on this and this is not an issue but a default handling inside Boostrap core CSS.
The client is correct that we need not need to a permanent on this on our theme as this varies per application.

On his specific case, the solution is to add this CSS to a child theme:

.entry-content code {
    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 assumes that you are using latest version of Toolset Bootstrap that is version 1.5 (currently available in our downloads page).