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
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.
@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
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 🙁
I was able to fix this by adding the style outline:none; to the required wpf class