I think I’ve cracked it!

.slide-image img {
width: 100vw;
}

Do you see any issues with that?

• This reply was modified 8 years ago by domchocolate.

Yes they show up but they are not working like http://www.dominicrutterford.co.uk/the-collection/.

On http://www.dominicrutterford.co.uk/the-collection/ the margins stay the same fixed width and the images scale depending on screen width.

On the latest http://www.dominicrutterford.co.uk/?s=Dinar the margins scale depending on screen width and the images stay the same.

Please see screenshots:

Hi Yigit

I’m afraid that didn’t do anything to the page at all – page didn’t change at all. Even when I added !important:

.template-search .post-entry {
    margin-left: 1%!important;
    width: 19%!important;
}
.template-search .post-entry .first {
    margin-left: 0!important;
}

I wonder whether it’s more to do with the image thumbnail size that’s being called and/or styled?

Any thoughts or other ideas?

D

Hi

That changes the columns to 5 which is fine but it does not display the results the same as http://www.dominicrutterford.co.uk/the-collection/.

http://www.dominicrutterford.co.uk/the-collection/ displays as a portfolio grid, 5 columns with image size set to automatic.

The search results are displaying with the images much smaller and the spaces between much wider.

How can I do this in search results?

Here is my code:

<?php
                    if(!empty($_GET['s']))
			{
				echo "<h4 class='extra-mini-title widgettitle'>{$results}</h4>";

				global $posts;
				$post_ids = array();
				foreach($posts as $post) $post_ids[] = $post->ID;

						$atts = array(
						'type' => 'grid',
						'items' => get_option('posts_per_page'),
						'columns' => 5,
						'class' => 'avia-builder-el-no-sibling',
						'paginate' => 'yes',
						'use_main_query_pagination' => 'yes',
						'thumbnail' => 'portfolio',
						'custom_query' => array( 'post__in'=>$post_ids, 'post_type'=>get_post_types() )
				);

				$blog = new avia_post_slider($atts);
				$blog->query_entries();
				echo "<div class='entry-content'>".$blog->html()."</div>";
			}

                    ?>

Best

Dominic