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] Search page layout problem with the result in the search table

4 Posts
2 Users
1 Reactions
1,420 Views
Posts: 18
 Ief
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
(@ief)
Eminent Member
Joined: 9 years ago
[#11471]

Hello,

I've got a layout problem with my search page. The results table is too width. 

An example:

https://www.pondlibrary.com/forum/?wpfs=winter

Probably a css problem but I can't find it.


3 Replies
Sofy
Posts: 5774
 Sofy
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
(@sofy)
Support Team
Joined: 8 years ago

Hi @ief,

Please navigate to Dashboard > Forums > Settings > Style Tab admin page, put the following CSS code in the "Custom CSS code" textarea, save it, delete all caches and check again.

#wpforo #wpforo-wrap .wpforo-search-wrap .wpforo-search-content td.wpf-stext{
white-space: pre-wrap !important;
}

Don't forget to press Ctrl+F5 (twice) on the forum frontend before checking to reload the updated CSS file.   


Sofy
Posts: 5774
 Sofy
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
(@sofy)
Support Team
Joined: 8 years ago

I see the same issue on the "Resent post" page. To solve the issue, put the CSS code in the "Custom CSS code" textarea as well:

#wpforo #wpforo-wrap .wpforo-recent-content table{
table-layout: fixed;
}
#wpforo #wpforo-wrap .wpforo-recent-content li i + a{
display:inline-block;
width: 70%;
overflow: hidden;
text-overflow: ellipsis ;
white-space: nowrap;
}

Posts: 18
 Ief
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
(@ief)
Eminent Member
Joined: 9 years ago

Wonderful. Thanks.


Share: