Notifications
Clear all

[Solved] oversized magnifying glass image

7 Posts
3 Users
1 Likes
806 Views
Posts: 28
Topic starter
(@hotrodradio)
Eminent Member
Joined: 4 years ago

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

6 Replies
Chris
Posts: 3650
(@chris)
Famed Member
Joined: 3 years ago

Hi @hotrodradio,

provide forum URL.

Posts: 28
Topic starter
(@hotrodradio)
Eminent Member
Joined: 4 years ago
1 Reply
Chris
(@chris)
Joined: 3 years ago

Famed Member
Posts: 3650

@hotrodradio,

use this css code:

#wpforo #wpforo-wrap label.wpf-search-widget-label svg {
    display:none;
}
Posts: 28
Topic starter
(@hotrodradio)
Eminent Member
Joined: 4 years ago

This works. Thnx 🙂

Robert
Posts: 10503
Admin
(@robert)
Support Team
Joined: 8 years 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