Images not showing

[jewsbur019Participant]

Hi,

I have tried all the troubleshooting to show images in my live search but it doesn’t seem to be working. I have gone through all the options in this article https://wp-dreams.com/knowledge-base/the-images-are-not-showing-what-is-wrong/.

Any ideas why?

Attachments:

You must be logged in to view attached files.

[Ernest MarcinkoKeymaster]

Hi,

It looks like it is related to the lazy image loader feature of the jetpack plugin. Can you please update to the latest plugin release (4.18.7)? It was just released, and should hopefully resolve this issue as well.

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

[jewsbur019Participant]

Hi there, do I need to download and reupload the plugin? Will that delete what I currently have?

[Ernest MarcinkoKeymaster]

Yes, exactly. It will not delete the options.

Manual Updates and Automatic updates documentation.

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

[jewsbur019Participant]

Hi,

There seems to be an error when doing this

Any idea why?

Attachments:

You must be logged in to view attached files.

[jewsbur019Participant]

Ah seems to have worked now.

Another issue I’m having is with the input text not aligning with the suggested text (screenshot). Any ideas why?

Attachments:

You must be logged in to view attached files.

[Ernest MarcinkoKeymaster]

Make sure to uninstall and delete the plugin first.

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

[jewsbur019Participant]

Is that a fix for the misalignment of the text and suggestions?

[Ernest MarcinkoKeymaster]

It is only a minor CSS conflict, this custom CSS should resolve it:

div#ajaxsearchpro2_1 .probox .proinput input.autocomplete,
div#ajaxsearchpro2_2 .probox .proinput input.autocomplete {
    margin-top: -40px !important;   
}

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

[jewsbur019Participant]

Thanks for that. Still seems the text is not in the middle of the bar though. Are you able to post some CSS for that?

Attachments:

You must be logged in to view attached files.

[Ernest MarcinkoKeymaster]

Sure!

I actually found the conflicting code, it was a minimum height attribute causing the push-down. Please remove the previous code, and use this one instead:

.probox .proinput input {
    min-height: auto !important;
}

It will resolve both the alignment issues, and re-center the input.

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

[Author]

Posts