[Ernest Marcinko]

I’m not familiar with that theme unfortunately (there are over 500 000 different themes on the market). I suspect there is probably a way to place the plugin search bar there.

First, try the automated replacement feature. If the theme requests the search form properly, then it should be replaced automatically with that.

If that has no effect, try looking on the theme settings or the theme editor, usually there is an option to edit the search module and place a custom shortcode module there.

[Ernest Marcinko]

You cannot access this content.

[Ernest Marcinko]

Great, I can see it now. It’s only a minor specificity issue. Because it’s printed over the plugin CSS, it’s overwritted by the default CSS. Please use this modified version with higher specificity, it will work:

div#ajaxsearchpro2_1 .probox .proinput input.orig {
    background-image: url("https://rioolspot.nl/wp-content/uploads/2024/06/cropped-rioolspot-favicon-32x32.jpeg") !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;
    padding-left: 40px !important;
}

[Ernest Marcinko]

You cannot access this content.

[Ernest Marcinko]

Hi,

Thank you very much for the details, it helps a lot 🙂

I have logged in to check, but I don’t see any search filters created yet so I quickly made a few to test. The issue was one of the shortcodes, which was placed in the sidebar (to the bottom). It had a custom results shortcode and all the other search settings were mitigated to that position. I have removed that, now everything should be okay. You can check out this documentation for more information about the filters.

I have changed the configuration so that the search settings are displayed by default, all you need to use is either search editor block or the simple search shortcode to avoid any conflicts:
[wd_asp id=2]

Hopefully everything should be okay now.

[Ernest Marcinko]

You cannot access this content.

[Ernest Marcinko]

Hi,

I don’t see the custom CSS anywhere on the page. If you have a cache of some sort (page, minify, Cloudflare etc..) make sure to clear them. Once it’s on the page it will have an effect 🙂

[Ernest Marcinko]

Hi again 🙂

Well only via custom CSS, something like this:

#ajaxsearchpro2_1 .probox .proinput input.orig {
    background-image: url("https://rioolspot.nl/wp-content/uploads/2024/06/cropped-rioolspot-favicon-32x32.jpeg") !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;
    padding-left: 40px !important;
}

That should result in this: https://i.imgur.com/LYWjvYe.png

The icon has to be an image, optimally around 32x32px or smaller 🙂

[Ernest Marcinko]

Thank you 🙂

[Ernest Marcinko]

You are very welcome 🙂

If you don’t mind, I will close this topic soon and mark it as resolved, feel free to open another one if you have other questions or issues.

If you like the plugin and have not rated already, feel free to leave a rating on your codecanyon downloads page and on the wordpress plugin repository, it’s greatly appreciated.

[Ernest Marcinko]

Hi Camille,

You are looking for the compact box layout.

It is possible to enable it only for mobile screens. Generally the default options work all right in most cases.

[Ernest Marcinko]

You cannot access this content.

[Ernest Marcinko]

Hi!

I tried to find if someone else asked this, but i think the forum has no search function?
Thank you for pointing that out – there should be, but it appears the Yoast SEO plugin was blocking the “breadcrumbs” feature of the support forums, which also contains the search. I have disabled their breadcrumbs, you should be able to see it now when navigating through the forums. I didn’t even notice this, thanks again for pointing it out.

You can change that message here: https://i.imgur.com/0SeYpfl.png

Also if you could help me with removing that underline for the message and the free space below the underline,that would be awesome.

Sure! It looks like a tiny CSS conflict, this custom CSS will resolve it:

.asp_nores {
    box-shadow: none !important;
}

.asp_nores ~ div.results {
    display: none;
}

[Ernest Marcinko]

Hi,

Generally the plugin will redirect to the search results page by default. WordPress can only have one results page (results archive).

However you can still sort of use a “hack” to place the Ajax Search Pro results shortcode to a page and load up the results when the users are redirected to it. For that check this tutorial.

[Ernest Marcinko]

You cannot access this content.

[Author]

Posts