Notifications

Clear all

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

How-to and Troubleshooting

Last Post by Alvina 4 years ago

8 Posts

2 Users

2 Reactions

1,098 Views

RSS

Posts: 4

GregW

Topic starter

Jun 18, 2020 1:49 am

(@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

wpforo-search-widget-field.png

7 Replies

Posts: 1862

Alvina

Moderator

Jun 18, 2020 10:05 am

(@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.

In case you want to say thank you !)
We'd really appreciate and be thankful if you leave a good review on plugin page. This is the best way to say thank you to this project and support team.

4 Replies

GregW

(@gregw)

Joined: 5 years ago

Active Member

Posts: 4

Jun 19, 2020 1:38 am

Reply to

Alvina

@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

wpforo-search-widget-field-2.png

This post was modified 5 years ago 3 times by GregW

Alvina

Moderator

(@alvina)

Joined: 5 years ago

Member

Posts: 1862

Jun 19, 2020 12:47 pm

Reply to

GregW

@gregw,

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

In case you want to say thank you !)
We'd really appreciate and be thankful if you leave a good review on plugin page. This is the best way to say thank you to this project and support team.

GregW

(@gregw)

Joined: 5 years ago

Active Member

Posts: 4

Jun 21, 2020 1:46 am

Reply to

Alvina

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: 1862

Jun 22, 2020 10:27 am

Reply to

GregW

Ok @gregw,

Please keep us informed.

In case you want to say thank you !)
We'd really appreciate and be thankful if you leave a good review on plugin page. This is the best way to say thank you to this project and support team.

Posts: 4

GregW

Topic starter

Jun 24, 2020 1:04 am

(@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: 5 years ago

Member

Posts: 1862

Jun 24, 2020 8:44 am

Reply to

GregW

@gregw,

Thank you for letting us know.

Glad to hear the issue is fixed.

In case you want to say thank you !)
We'd really appreciate and be thankful if you leave a good review on plugin page. This is the best way to say thank you to this project and support team.