Search bar icons are out of place / results-as-you-type not working in Chrome

Home Forums Product Support Forums Ajax Search Pro for WordPress Support Search bar icons are out of place / results-as-you-type not working in Chrome

This topic contains 4 replies, has 2 voices, and was last updated by David Brandt David Brandt 9 years, 4 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #2972
    David Brandt
    David Brandt
    Participant

    Hi, I am using the Ajax Search Pro bar on this page: http://www.biblicalmedia.com/questions/

    However, in Chrome, blinking cursor seems to be several pixels below where it should be (below the box, off center, etc.) Then, when I begin typing, the words I type are properly centered, but the icons on the left and right (the drop down arrow and the magnifying glass) suddenly move out of their positions. (See attachment) In Firefox, from the moment the page loads, these icons are out of place. How can I fix this?

    Also, the search results do not appear as I type on Chrome. They work on Firefox, but not Chrome. Is there a way to fix this as well?

    Thanks!

    #2976
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    Hi!

    The theme stylesheet is causing the problem, it overrides the input field style and that’s the reason why it looks strange. Try to add the following code into the custom CSS field, which you can find on the search plugin “Theme Options->Custom CSS” tab: (https://i.imgur.com/ns4vcKl.png)

    
    div[id*="ajaxsearchpro1_"] .probox .proinput input {
        padding: 0px !important;
        border: none !important;
    }
    

    This should fix the icon and the input (blinking cursor) issue as well.

    As for the results, I’m currently testing on chrome, but everything looks fine to me. I tried several keywords and I got results so far: https://i.imgur.com/3IDbqu5.png

    Best,
    Ernest Marcinko

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


    #2983
    David Brandt
    David Brandt
    Participant

    Thanks!

    1. The custom css worked perfectly! (Now, if I ever update your Ajax Search Pro plugin, will my custom css disappear? (Will I have to re-enter it each time I update the plugin?))

    2. When I open http://www.biblicalmedia.com/questions/ and begin typing ‘Bible’ in the search bar in Chrome on a Windows 7 (non-touchscreen) computer, the results start to appear automatically. The same happens on Firefox on Windows 7 and Windows 8.1 (touchscreen).

    However, when I start typing ‘Bible’ in the search bar in Chrome on a Windows 8.1 touchscreen computer, the results do not appear underneath until I press ‘Enter’. Any reason why that happens, or a way to fix it?

    Thanks again! Your tech support is top-notch!

    -Dave

    #2984
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    No problem!

    1. No worries, it won’t disappear on updates.

    2. I see now. It’s not related to chrome, it’s because of the touchscreen. It’s an intended behaviour because some mobile devices had issues with disappearing keyboards, so I rather had it disabled. The next version will have it enabled, unless I find an issue with it. (so far it’s working)

    Best,
    Ernest Marcinko

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


    #2985
    David Brandt
    David Brandt
    Participant

    ok. great! thanks!

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

You must be logged in to reply to this topic.