Search box text doesn't show correct

Home Forums Product Support Forums Ajax Search Pro for WordPress Support Search box text doesn't show correct

This topic contains 3 replies, has 2 voices, and was last updated by Ernest Marcinko Ernest Marcinko 4 years, 7 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #15694
    Lorenzw
    Lorenzw
    Participant

    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.
    #15698
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

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


    #15699
    Lorenzw
    Lorenzw
    Participant

    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

    #15700
    Ernest Marcinko
    Ernest Marcinko
    Keymaster
    You cannot access this content. Best,
    Ernest Marcinko

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


Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.