AI Search
Classic Search
 Search Phrase:
 Search Type:
Advanced search options
 Search in Forums:
 Search in date period:

 Sort Search Results by:

AI Assistant
Notifications
Clear all

[Solved] pre not wrapping text

5 Posts
2 Users
0 Reactions
2,695 Views
Posts: 6
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@audiomonk)
Active Member
Joined: 8 years ago
[#6285]

Hi,

Loving what I'm seeing with the forum plugin, great work.

One annoying thing though, I'm adding code (it's a part of my site) using pre tags, and they accept and post the code, but it splits off into a horizontal scroller. I'm trying to get it to just wrap and display down the screen. I've tried editing CSS to break-word on overflow etc, but nothing seems to be working.

See the attached screenshot, what do I need to do to fix this?

wpforo bug

4 Replies
Robert
Posts: 10748
Admin
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@robert)
Support Team
Joined: 3 months ago

Thank you @audiomonk,

This is the regular style of codes. it should not be wrapped for reading codes. However, you can use a small CSS code to remove the horizontal scroll. Please navigate to Dashboard > Forums > Settings > Styles admin page, put this CSS code in Custom CSS code textarea, save it, delete all caches and press Ctrl+F5 on forum front:

#wpforo #wpforo-wrap pre {
      white-space: normal;
}

 


Posts: 6
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@audiomonk)
Active Member
Joined: 8 years ago

Thanks very much indeed! worked like a charm thank you. 😎 


Posts: 6
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@audiomonk)
Active Member
Joined: 8 years ago

D'oh ! now it's happening with my main text, it's not wrapping the words to the next line. 

 

Here

From This page

 


Posts: 6
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@audiomonk)
Active Member
Joined: 8 years ago
.wpforo-post-content p {
word-break:normal;
}

Fixed it

Share: