Search box text doesn't show correct

[LorenzwParticipant]

Hello, since I’m still busy developping my website, it isn’t online yet. So as a result of that I can’t provide you with any information that is asked to login and such.

The plugin works great so far, I’ve only encountered one problem with the search box text. The search box text doesn’t show up on the right place. So when I type something in the search box, the positioning of this text also isn’t correct.( The attached screenshots will makes this clear) If I switch to another theme the problem doesn’t occur. I’m using Salient as theme. So i’m guessing there is a conflict between the theme’s CSS and the plugin CSS.

I’ve already set CSS compatibility level to maximum, and tried serveral other options but all without a result. So i really don’t know how I can fix this. Can you help me with this?

Thanks in advance

Attachments:

You must be logged in to view attached files.

[Ernest MarcinkoKeymaster]

Hi!

I believe I have seen a similar issue before, and it turned out to be some sort of custom script that automatically changed any input on the site to a certain layout, by adding label fields and removing the placeholder text from the input and moving it to the newly added label HTML. Judgint by the screenshot, I’m almost 99% certain that this is the case here.

It is very frustrating indeed, as I can’t add a permanent fix to the plugin core as the conversion script is hard-coded to the theme, but I managed to come up with a solution to override it.

The solution from a previous reply in another topic, basically:

Step 1 – CSS

Apply this code to your theme custom CSS field (if it supports it) or use the custom CSS field on the search plugin back-end.

.proinput form label {
    display: none !important;
}

Step 2 – Custom code

Add this custom code to the functions.php in your theme/child theme directory (copy from line 3 only!). Before editing, please make sure to have a full site back-up just in case!

After the changes, clear the cache, reload the browser by hitting CTRL + SHIFT + R, and it should be resolved.

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[LorenzwParticipant]

Hi,

First of all thank you for your fast response. I’ve tried what you described and it worked like a charm. Only adding the css-code already was enough to solve the problem. Thank you so much!

Thanks again and keep up the good work.

Lorenz

[Ernest MarcinkoKeymaster]

You cannot access this content. Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[Author]

Posts