Thank you, Nikko, I tried it, but when I try to use the “iconbox” element, then the icons of this “Simple Line Icon” fonts from here https://github.com/thesabbir/simple-line-icons are shown as weird symbols:

Do I need to do anything else?
I have simply downloaded the ZIP from this link and uploaded it “as is” in the ENFOLD theme settings like it is described in your video tutorial.

The ZIP file contains:

Don’t know if I need all this stuff?

Any idea please? Thank you!

wow, really? Never thought to adding there an image title! Thanks a lot, works fine now!

Thanks, Ismael, but I don’t understand, where I should add a “link title”, when I add such a single image into a text block of the Advanced Layoutbuilder?

Please see the screenshot: I can only set there the image ALT and TITLE and nothing for a “link”:

ups, sorry, I reloaded my page now several times again, and now the empty place is gone … great, it is working now, thank you!!!

That’s a good idea, thank you, Ismael.

I got it, Ismael.
I googled a bit and found this:
https://developer.wordpress.org/reference/functions/get_the_post_thumbnail/

So I used the SimpleImageSize-Plugin to create a search-thumbnail size; I called it “searchthumb100” with 100x100px size.

Then in loop-search.php in line 33 I added this size:

$searchthumb = get_the_post_thumbnail( $post_id, $size='searchthumb100', $attr );

and it works fine now:

Thanks for pointing me into the right direction.

Concerning the featured image in search results, this solution from the forum works for me – partly:

https://kriesi.at/support/topic/add-featured-image-to-search-results/#post-249161

My custom CSS for this are:

.search-result-counter {
    height: 100px;
    padding: 0;
    width: 100px;
}
.search-result-counter img {
	width: 100%;
	height: 100%;
	border-radius: 100px;
}
#top .template-search.content .entry-content-wrapper { 
	padding-left: 120px; 
	}

But the featured image, shown in the search counter is distorted/stretched instead of being cropped:

and then take a look please here:

<span class="search-result-counter ">
<img class="attachment- size- wp-post-image" width="1310" height="400" sizes="(max-width: 1310px) 100vw, 1310px" srcset="https://xyz.de/studio/wp-content/uploads/sites/2/2016/05/slider_ambiente-mint_1310x400.jpg 1310w, https://xyz.de/studio/wp-content/uploads/sites/2/2016/05/slider_ambiente-mint_1310x400-300x92.jpg 300w, https://xyz.de/studio/wp-content/uploads/sites/2/2016/05/slider_ambiente-mint_1310x400-768x235.jpg 768w, https://xyz.de/studio/wp-content/uploads/sites/2/2016/05/slider_ambiente-mint_1310x400-1030x315.jpg 1030w, https://xyz.de/studio/wp-content/uploads/sites/2/2016/05/slider_ambiente-mint_1310x400-705x215.jpg 705w, https://xyz.de/studio/wp-content/uploads/sites/2/2016/05/slider_ambiente-mint_1310x400-450x137.jpg 450w" alt="slider_ambiente-mint_1310x400" src="https://xyz.de/studio/wp-content/uploads/sites/2/2016/05/slider_ambiente-mint_1310x400.jpg">
</span>

outputs obviously image sizes of:

https://xyz.de/wp-content/uploads/sites/2/2016/05/slider_ambiente-mint_1310x400.jpg 1310w, 
https://xyz.de/wp-content/uploads/sites/2/2016/05/slider_ambiente-mint_1310x400-300x92.jpg 300w, 
https://xyz.de/wp-content/uploads/sites/2/2016/05/slider_ambiente-mint_1310x400-768x235.jpg 768w, 
https://xyz.de/wp-content/uploads/sites/2/2016/05/slider_ambiente-mint_1310x400-1030x315.jpg 1030w, 
https://xyz.de/wp-content/uploads/sites/2/2016/05/slider_ambiente-mint_1310x400-705x215.jpg 705w, 
https://xyz.de/wp-content/uploads/sites/2/2016/05/slider_ambiente-mint_1310x400-450x137.jpg 450w

I don’t know, where these image sizes, genereated there, are coming from.
Here are all image sizes with my SimpleImageSizes-Plugin:

But the custom CSS for the search-counter is 100x100px.
I use the SimpleImageSizes-Plugin – but how should I “tell” the code snippet mentioned above, to use this 100x100px size for the image?

Guess, this is the same problem, that someone had here – unfortunately not solved:

The problem seems to be, that the featured image, that come to the search-counter are not properly rendered/cropped/made smaller …
Interesting is, that in the search popup in the menu, the featured images are OK:

Any idea please?
Thank you.

Hi Andy,

I only need to know, what theme file generate the output of the ALB element “Blogbeiträge”, so that I can change there the code to my desire – nothing more :-)

Hi Josue,

that hides the comments, thanks, but how to delete the comma between the two category names a post is assigned to, please?

This is made, using the ALB element “Blog Beiträge” (in German, don’t know how it is called in the English version):

I guess, I need to edit this in the theme file – but in what theme file please?

Thank you.

Hi Andy,

sorry, ich schreibe mal auf Deutsch, mein Englisch ist, glaube ich, zu schlecht dafür ;-)

Dass man eigene Bildgrößen oder bestehende ändern kann, weiß ich ja, ich nutzte dafür ja das SimpleImageSizes-Plugin.

Aber:
Wenn ich Auszüge von Blogbeiträgen in einer Seite ausgeben lassen möchte – wofür ich aus dem ALB das “Blogbeiträge”-Element verwende -, dann nutzt dieses ALB-Element die “Portfolio”-Bildgröße.

a) die Portfolio-Bildgröße kann und möchte ich nicht verändern, da ich sie genau so, wie sie ist, für das eigentliche Bild-Portfolio brauche.

b) ich möchte, dass das ALB-Blogbeiträge-Element, sagen wir mal, meine eigene Bildgrößen-Bezeichnung XYZ verwendet, mit meiner eigens definierten Bildgröße von 495x260px.
Diese lege ich an im “SimpleImage-Size”-Plugin.
Jetzt muss ich dafür jedoch im Theme-File diese meine neue Bildgrößen-Bezeichnung einbauen, so wie hier “size-portfolio” ersetzen durch meine neue “size-xyz”:

Dafür müsste ich aber den Dateinamen wissen, der dieses ALB-Blogbeiträge-Element ausspuckt. Den Rest bekomme ich dann selber hin.
In der loop-index.php ist es nicht drin.