Notifications
Clear all

wpForo 1.x.x [Solved] Remove an internal border on the search form widget

8 Posts
2 Users
2 Likes
792 Views
GregW
Posts: 4
Topic starter
(@gregw)
Active Member
Joined: 4 years ago

I am trying to fix a field border style that the wpForo search widget uses.

I have set styles myself for form fields but when I select the search field the sidebar widget it comes up with an internal black border, as shown in attached image.  How do I remove this as I can't find where to edit or over-ride it in css.

Thanks

7 Replies
Alvina
Posts: 1869
Moderator
(@alvina)
Member
Joined: 5 years ago

Hi @gregw,

Please navigate to the Dashboard > Forums > Settings > Styles admin page put the following CSS code in the "Custom CSS Code" textarea, to change the border of the search widget.

#wpf-widget-search .wpforo-widget-content form input[type=text]{
border: 1px solid #345734;
}

Please note the red marked value can be changed.

Don't forget to delete all caches and press CTRL+F5(twice) on the frontend before checking.

4 Replies
GregW
(@gregw)
Joined: 4 years ago

Active Member
Posts: 4

@alvina Sorry that did not resolve it 🙁

I still see my field border fine, it is an internal border inside my field border.  I have never seen this before.  It is only seen when I click inside the field itself, it does show a list of recent text entries under the field as shown here.

I have also tested this with the WP default 2020 theme

Alvina
Moderator
(@alvina)
Joined: 5 years ago

Member
Posts: 1869

@gregw,

Please leave your forum URL to allow us to check it.

GregW
(@gregw)
Joined: 4 years ago

Active Member
Posts: 4

The site is not live.  If I get a chance I will try and put together a test site that can be accessed so you can see what is happening.

It is just a weird one I can't figure out 🙁

Alvina
Moderator
(@alvina)
Joined: 5 years ago

Member
Posts: 1869

Ok @gregw,

Please keep us informed.

GregW
Posts: 4
Topic starter
(@gregw)
Active Member
Joined: 4 years ago

I was able to fix this by adding the style outline:none; to the required wpf class

1 Reply
Alvina
Moderator
(@alvina)
Joined: 5 years ago

Member
Posts: 1869

@gregw,

Thank you for letting us know.

Glad to hear the issue is fixed.