How to edit a search form on a Wordpress site?

Question

WordPress

Hello!
If the site itself is: elki-24.rf
I installed a new search plugin on the site in order for the search to work as it should (by articles, etc.)
But the old styles, as I thought, flew off, I thought I would calmly edit them by recognizing the classes through the developer console Google Chrome, but I was wrong
That's the problem in general, the search icon on the site does not work when clicked, why?
How to return all styles as it was on a new form (I don’t know where the previous developer hid all custom styles) here are the screenshots
I hope for help, thanks in advance

Answer 1

Good evening.

I installed a new search plugin on the site in order for the search to work as it should (by articles, etc.)

Here is a good plugin for implementing search (though paid) - Ajax Search Pro

But the old styles, as I thought, flew off, I thought I would calmly edit them after recognizing the classes through the Google Chrome developer console, but I was wrong

Well, of course they will, because the new search plugin has its own styles and classes. Accordingly, you need to inspect the plugin elements and add your new styles to the style.css style file. It may be necessary to add css !importantto override the plugin's default styles (unless of course the plugin itself provides the ability to change styles through the admin panel).

How to return all styles as it was on a new form (I don’t know where the previous developer hid all custom styles) here are the screenshots

And there is nothing to return. You must either add styles for the new plugin, as I indicated above, or disable this plugin and return the old search, which has its own styles. Custom styles, in general, all styles are usually placed in style.css. However, sometimes themes provide a window where you can add these styles. In this case, they are added inline.

That's generally the problem, the search icon on the site does not work when clicked, why?

The problem here is not in styles, but in the fact that for some reason there is no handler on the search button itself (the problem is in js). There may be different reasons:
- a bug of the plugin itself
- a conflict in js scripts
- an error somewhere in js scripts due to which other scripts stop working in a cascade.
As you can see, there is no handler on the search button