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

[Solved] oversized magnifying glass image

7 Posts
3 Users
1 Reactions
4,246 Views
Posts: 28
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
(@hotrodradio)
Eminent Member
Joined: 6 years ago
[#23001]

How do I remove the oversized magnifying glass image below the search function?
We have implemented the update.

searh image

6 Replies
Chris
Posts: 3610
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
(@chris)
Famed Member
Joined: 5 years ago

Hi @hotrodradio,

provide forum URL.


Posts: 28
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
(@hotrodradio)
Eminent Member
Joined: 6 years ago
1 Reply
Chris
(@chris)
Joined: 5 years ago

Famed Member
Posts: 3610
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

@hotrodradio,

use this css code:

#wpforo #wpforo-wrap label.wpf-search-widget-label svg {
    display:none;
}

Posts: 28
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
(@hotrodradio)
Eminent Member
Joined: 6 years ago

This works. Thnx 🙂


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

@hotrodradio,

Please don't use the old classic theme with wpForo 2.0. This theme will not be supported very soon and all your issues will be left without any help. All wpForo 2.0 features are only available with the new 2022 theme. There is no mean to use wpForo 2.0 with the outdated old classic theme.

Again, this is the last help we provide for your issue. Please remove the CSS code provided above, it removes the search button in the search field. There is a better solution, you just need to make it smaller and show in the search filed. The button need for clicking and submitting the search phrase.

Put this CSS code in wpForo > Settings > Color and Styles > Custom CSS Code textarea, delete all caches and check it:

#wpf-widget-search #wpforo-search-form .wpf-search-widget-label {
    position: relative !important;
    display: block !important;
}
#wpf-widget-search #wpforo-search-form .wpf-search-widget-label input[type="text"] {
  position: relative !important;
  display: block !important;
  padding: 7px 8px;
  height: 32px;
}
#wpf-widget-search #wpforo-search-form .wpf-search-widget-label svg {
  enable-background: new 0 0 16 16;
  fill: #999;
  position: absolute;
  width: 19px;
  height: 19px;
  right: 5px;
  bottom: 6px;
  cursor: pointer;
}

Page 1 / 2
Share: