Result Box images and description

Hi,

1. Try this custom CSS:

div.asl_r .results .item .asl_image {
    background-size: contain !important;
}

This should force the images to resize to the closest size to fit into the background cover space.

2. Well, the HTML tags are stripped automatically from the content section, so I am not sure if that is possible to do so without custom coding. You could try a hook to parse the post contents after the search is finished, like so:

add_filter( 'asl_results', 'asl_get_the_content_after', 10, 1 );
function asl_get_the_content_after( $results ) {
	
	// Parse through each result item
	foreach ($results as $k=>&$r) {
		if ( isset($r->post_type) ) {
			$r->content = apply_filters('the_content', get_post_field('post_content', $r->id));
		}
	}

	return $results;
}

Best,
Ernest M.

1)This code actually do something and it is close to the solution. Here what happened with this code (I wrote it in Ajax Search Lite>Layout options>Custom CSS):

View post on imgur.com

View post on imgur.com

2)I wrote this code like above in layout options>custom CSS, but nothing happens and nothing change, maybe i must wrote it in another field?

Hi,

1. Try this variation without background repeat:

div.asl_r .results .item .asl_image {
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

2. Sorry, I forgot to specify. Use that in the functions.php in your theme/child theme directory. Before editing, please make sure to have a full site back-up just in case.

Best,
Ernest M.

The first problem has been resolved, so thank you SO MUCH for your fast and easy solution.

The second one, unfortually, is still present. Whit that code the result box give back the title of the post(like above) but in the description field it put everything the post have inside, whether texts or images. Also it doesn’t pick the description anymore and the result box take for itself the full page height, without a scroll tab inside. Here an example:

View post on imgur.com

View post on imgur.com

You are very welcome. I understand, I thought you wanted the whole post description within the search results – looks like that is within the post content field.
You could try a different variation to maybe get the excerpt (if that is what you need)?
However excerpts usually don’t have HTML tags or line breaks, so it may not look different from the initial result:

add_filter( 'asl_results', 'asl_get_the_content_after', 10, 1 );
function asl_get_the_content_after( $results ) {
	
	// Parse through each result item
	foreach ($results as $k=>&$r) {
		if ( isset($r->post_type) ) {
			$r->content = get_post_field('post_excerpt', $r->id);
		}
	}

	return $results;
}

Best,
Ernest M.

Yeah my intention was to show in the dropdown results box the excerpt of the post with just a few thing that I wrote in the field. But you are right, this code get the excerpt but not the space that i want it. Do you have any suggestion to show in every result a my personal description in that style(1 line below the other)? Not necessary using the excerpt field, just a method that give me the possibility to have a unique field in that results box that doesn’t appear in the post itself. If you haven’t it don’t worry, you’ve already done a lot, I thanks you again.

Well, maybe using a custom field could actually work. I would probably a custom field, or maybe even more of them – each for every data you want to show. Then modify the code above to print all of those data as needed. Especially if you have like the same structure for every post.

Best,
Ernest M.

Thanks, i will try it.