Have done – thanks. Although this doesn’t help my too low-res thumbnails/images being called.

See attached and view at 100% (it’s less noticeable on smaller res screens such as laptops)

D

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

Solved :)

by copying the function to my child theme and adding an extra check to see if a post exists and if not putput dummy << >> links that dont click

I also had to add the taxonomy name in the single-portfolio.php and to tell it to keep in same category only

echo avia_post_nav(true,'case-studies');

if(!function_exists('avia_post_nav'))
{
	function avia_post_nav($same_category = false, $taxonomy = 'category')
	{
		global $wp_version;
	        $settings = array();
	        $settings['same_category'] = $same_category;
	        $settings['excluded_terms'] = '';
			$settings['wpversion'] = $wp_version;
        
		//dont display if a fullscreen slider is available since they overlap 
		if((class_exists('avia_sc_layerslider') && !empty(avia_sc_layerslider::$slide_count)) || 
			class_exists('avia_sc_slider_full') && !empty(avia_sc_slider_full::$slide_count) ) $settings['is_fullwidth'] = true;

		$settings['type'] = get_post_type();
		//if ($taxonomy) {
			//$settings['taxonomy'] = $taxonomy;
		//} else {
			$settings['taxonomy'] = ($settings['type'] == 'portfolio') ? 'portfolio_entries' : $taxonomy;
		//}

		if(!is_singular() || is_post_type_hierarchical($settings['type'])) $settings['is_hierarchical'] = true;
		if($settings['type'] === 'topic' || $settings['type'] === 'reply') $settings['is_bbpress'] = true;

	        $settings = apply_filters('avia_post_nav_settings', $settings);
	        if(!empty($settings['is_bbpress']) || !empty($settings['is_hierarchical']) || !empty($settings['is_fullwidth'])) return;
	
	        if(version_compare($settings['wpversion'], '3.8', '>=' ))
	        {
	            $entries['prev'] = get_previous_post($settings['same_category'], $settings['excluded_terms'], $settings['taxonomy']);
	            $entries['next'] = get_next_post($settings['same_category'], $settings['excluded_terms'], $settings['taxonomy']);
	        }
	        else
	        {
	            $entries['prev'] = get_previous_post($settings['same_category']);
	            $entries['next'] = get_next_post($settings['same_category']);
	        }
	        
		$entries = apply_filters('avia_post_nav_entries', $entries, $settings);
        $output = "";

		foreach ($entries as $key => $entry)
		{
            if(empty($entry)) { // continue;
			
			//echo '<div class="disabled-post-nav">';
		//echo '<a class="avia-post-nav avia-post-next with-image" ><span class="entry-info-wrap"><span class="entry-info"><span class="entry-image"></span></span></a>';
		//echo '</div>';
			
			$output .= "<div class='disabled-post-nav'><a class='avia-post-nav avia-post-{$key} {$class}' >";
		    //$output .= "    <span class='label iconfont' ".av_icon_string($key)."></span>";
		    $output .= "    <span class='entry-info-wrap'>";
		    $output .= "        <span class='entry-info'><span class='entry-image'></span>";
		   // $tc1     = "            <span class='entry-title'>{$the_title}</span>";
if($image)  //$tc2     = "            <span class='entry-image'>{$image}</span>";
            //$output .= $key == 'prev' ?  $tc1.$tc2 : $tc2.$tc1;
            $output .= "        </span>";
            //$output .= "    </span>";
		    $output .= "</a></div>";
			
			} else {
			$the_title 	= isset($entry->av_custom_title) ? $entry->av_custom_title : avia_backend_truncate(get_the_title($entry->ID),75," ");
			$link 		= isset($entry->av_custom_link)  ? $entry->av_custom_link  : get_permalink($entry->ID);
			$image 		= isset($entry->av_custom_image) ? $entry->av_custom_image : get_the_post_thumbnail($entry->ID, 'thumbnail');
			
            $tc1   = $tc2 = "";
            $class = $image ? "with-image" : "without-image";

            $output .= "<a class='avia-post-nav avia-post-{$key} {$class}' href='{$link}' >";//.$same_category.$taxonomy;
		    $output .= "    <span class='label iconfont' ".av_icon_string($key)."></span>";
		    $output .= "    <span class='entry-info-wrap'>";
		    $output .= "        <span class='entry-info'>";
		    $tc1     = "            <span class='entry-title'>{$the_title}</span>";
if($image)  $tc2     = "            <span class='entry-image'>{$image}</span>";
            $output .= $key == 'prev' ?  $tc1.$tc2 : $tc2.$tc1;
            $output .= "        </span>";
            $output .= "    </span>";
		    $output .= "</a>";
			} //end if JJA
		}
		return $output;
	}
}

Hi Rikard,

Thank you for the reply.

I want the size of the thumbnails to be 44 x 44 px.

For the zooming part, I have added the effect on the first image of the link provided in the private section. I want the same effect on all the images in my blog page.

Regards,

I want the slider to work like the default works for the RNB Code Canyon Theme the link for this is here http://preview.codecanyon.net/item/rnb-woocommerce-rental-booking-system/full_screen_preview/14835145?_ga=1.212304212.1942748463.1476943303

I do not mind enfold way of showing it with the thumbnails below but i do not want popup

Disregard! YouTube just takes a while. Now the thumbnails show. All is good!

Hm, the custom video thumbnail (set up in YT) doesn’t display in the embed on the website. Does that not work with the Text element, or is additional code needed?