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

 Sort Search Results by:

Filter by custom fields

Topic prefix

AI Assistant
Notifications
Clear all

[Closed] Odd space between menu items in the top bar and search icon falls off the end

10 Posts
4 Users
4 Reactions
6,310 Views
Robert
Posts: 10716
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: 2 months ago

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 .wpf-search input[type="text"].wpf-search-field {
background-color: transparent; display:inline-block
}
#wpf-widget-search .wpforo-widget-content input[type="text"]{
display: inline-block;
}

the_watchkeeper
Posts: 8
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
(@the_watchkeeper)
Active Member
Joined: 8 years ago

Thank you! That fixes the position! When you click the search icon the bar doesn't turn white and you can't see text as it's entered. Is that a problem with my color settings or is there another conflict going on? Thanks


Robert
Posts: 10716
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: 2 months ago

Please add this CSS code as well. Don't forget delete all caches and press Ctrl+F5 on forum front after adding the code.

#wpforo #wpforo-wrap .wpf-search input[type="text"].wpf-search-field:focus {
      background-color: #FFFFFF;
}

2 Replies
(@markransome)
Joined: 7 years ago

Eminent Member
Posts: 20
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

Thanks for this little fix, but the original post was last year, how come this has not been resolved in any updates?

Just curious about updates!

Mark


Robert
Admin
(@robert)
Joined: 2 months ago

Support Team
Posts: 10716
Robert
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

wpForo doesn't have such issue. This is a theme conflict. So the CSS code above doesn't fix any bug in wpForo, it just fix the conflict between some themes. Those WordPress themes are very rare.


Page 2 / 2
Share: