Notifications
Clear all

Limited Support

Our team is currently on holiday, so support will be limited during this period. Response times may be slower than usual, and some inquiries may be delayed.
We appreciate your patience and understanding, and we’ll resume our usual support by the end of August.

 

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

8 Posts
2 Users
2 Reactions
1,451 Views
GregW
Posts: 4
Topic starter
(@gregw)
Active Member
Joined: 5 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: 1861
Moderator
(@alvina)
Member
Joined: 6 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: 5 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: 6 years ago

Member
Posts: 1861

@gregw,

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

GregW
(@gregw)
Joined: 5 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: 6 years ago

Member
Posts: 1861

Ok @gregw,

Please keep us informed.

GregW
Posts: 4
Topic starter
(@gregw)
Active Member
Joined: 5 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: 6 years ago

Member
Posts: 1861

@gregw,

Thank you for letting us know.

Glad to hear the issue is fixed.