See screenshot, I have selected ‘images’, but still not working.

Have you set the images as featured images for those posts?

Actually, I want to place the searchbox not as a shortcode on my homepage, but integrate it as CSS. Which class-form should I use? This one for example:
.data-form-id=”49116″

I am not sure how you are integrating it with the CSS so could you please describe it a bit more and tell me exactly what you are trying to achieve?

1. Images are still not shown during search. See screenshot.

Please make sure that you have configured the search form AJAX settings to display images in the AJAX search results as shown in the attached screenshot.

2. Instead of placing the shortcode in the content on the homepage, how can I place the search box as ‘hard-code’ CSS?

I am not sure what you meany by placing the search box as hard code CSS so could you please describe it a bit more?

I hope you are well today and thank you for your questions.

1. How can I change the width?
2. How do I get the search button NEXT to the search box instead of UNDER it?

You can achieve this by adding the below CSS code in the Custom CSS option of Ivory Search plugin settings on the path Ivory Search -> Settings -> Settings

#wrapper .is-search-form input.is-search-input {
    width: 100%;
}

#wrapper .is-search-form label {
    float: left;
    display: block;
    width: 500px;
    max-width: 100%;
}

#wrapper .is-search-form span.is-search-icon {
    padding: 5px;
}

3. How do I replace the old search box with the Ivory Search box?

You can just add the below search form shortcode in that page content area.

[ivory-search id="49116"]

4. Is there a possibility to make the live search faster?

Just make sure that you have not configured any unwanted search form options causing the search query to become slow.

5. I selected ‘media’ and ‘attachements’ in the plugin settings, but unfortunately, during the search it’s not showing images.

Could you please share me the screenshot of it where you have selected it so that I can troubleshoot it?

You have to configure the search form as described below.

Search Media Files Or Attachments

Best regards,
Ivory Search Support

I hope you are well today and thank you for your questions.

When I put mouse over the search box, appear a “edit” text below the box.
How can I delete that?

It is only displayed to the logged-in site administrator users so that that they can easily edit the search form.

You can remove it by adding the below CSS code in the Custom CSS option of Ivory Search plugin settings on the path Ivory Search -> Settings -> Settings

.is-link-container {
    display: none !important;
}

Another question is about the color of submit button now on mouse out is BLack, and on mouse over is Orange, I wanna make inverse of this.

You can change the color by editing the search form and using the Search Form Customizer from the customize section of search form.

Best regards,
Ivory Search Support

I hope you are well today and thank you for your questions.

Could you provide me some code to remove the ‘Search’ button that follows the search box? I would like the search to ‘go’ after hitting enter only.

You can achieve this by customizing the search form as displayed in the attached screenshot.

Also, I was able to change the color of the search icon, but now I would also like to change the color of the close x icon.

I don’t see it on your shared site so please tell me where you are displaying the X icon so that I can help you as it is site specific.

Best regards,
Ivory Search Support