Theme Conflict

Anonymous

#68551

This reply has been marked as private.

Trevor

#68623

Hi

With the left sidebar, that would look best with 3 columns in the grid. The issue for me is I need to see a page with a similar gride by way of an example, that is made in your theme, WITHOUT the use of Isotope or Masonry. Do you have such an example, or can you make a sample page for me to copy code from? The portfolio grid layouts use isotope.

Anonymous

#68647

This reply has been marked as private.

Trevor

#68658

I had a good look on the demo pages and found a good example, I think. Take a look now. To give me some posts to work with, I removed your filter condition of Portfolio Filter set to include 366,365,372.

Anonymous

#68673

This reply has been marked as private.

Trevor

#68679

Yes. You need to re-make the page without the sidebar. The forms will need some css to make it horizontal, but that is only a matter of making the <li> elements at the top level into display: inline-block.

Then I need to edit the results.php. I think this would be it:

<?php
/**
 * Search & Filter Pro 
 *
 * Sample Results Template
 * 
 * @package   Search_Filter
 * @author    Ross Morsali
 * @link      http://www.designsandcode.com/
 * @copyright 2015 Designs & Code
 * 
 * Note: these templates are not full page templates, rather 
 * just an encaspulation of the your results loop which should
 * be inserted in to other pages by using a shortcode - think 
 * of it as a template part
 * 
 * This template is an absolute base example showing you what
 * you can do, for more customisation see the WordPress docs 
 * and using template tags - 
 * 
 * http://codex.wordpress.org/Template_Tags
 *
 */

if ( $query->have_posts() )
{
	?>
	
	<div class="sixteen columns">Found <?php echo $query->found_posts; ?> Results<br />
	Page <?php echo $query->query['paged']; ?> of <?php echo $query->max_num_pages; ?><br />
	
	<div class="pagination">
		
		<div class="nav-previous"><?php next_posts_link( 'Older posts', $query->max_num_pages ); ?></div>
		<div class="nav-next"><?php previous_posts_link( 'Newer posts' ); ?></div>
		<?php
			/* example code for using the wp_pagenavi plugin */
			if (function_exists('wp_pagenavi'))
			{
				echo "<br />";
				wp_pagenavi( array( 'query' => $query ) );
			}
		?>
	</div></div>
	
	<?php
	$column_count = 0;
	$last_class = "";
	while ($query->have_posts())
	{
		$query->the_post();
		if ($column_count == 0) echo '<div class="sixteen columns">';
		?>
		<div class="one_fourth<?php echo $last_class;?>">
			<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
			
			<p><br /><?php the_excerpt(); ?></p>
			<?php 
				if ( has_post_thumbnail() ) {
					echo '<span class="responsive">';
					the_post_thumbnail("small");
					echo '</span>';
				}
			?>
			<p><?php the_category(); ?></p>
			<p><?php the_tags(); ?></p>
			<p><small><?php the_date(); ?></small></p>
			
		</div>
		
		<?php
	 $column_count ++;
		if ($column_count == 4) {
			$column_count = 0;
			echo '</div>';
			$last_class = "";
		}
		if ($column_count == 3) {
			$last_class = " last";
		}
	}
	if ($column_count > 0) echo '</div>';
	?>
	<div class="sixteen columns">Page <?php echo $query->query['paged']; ?> of <?php echo $query->max_num_pages; ?><br />
	
	<div class="pagination">
		
		<div class="nav-previous"><?php next_posts_link( 'Older posts', $query->max_num_pages ); ?></div>
		<div class="nav-next"><?php previous_posts_link( 'Newer posts' ); ?></div>
		<?php
			/* example code for using the wp_pagenavi plugin */
			if (function_exists('wp_pagenavi'))
			{
				echo "<br />";
				wp_pagenavi( array( 'query' => $query ) );
			}
		?>
	</div></div>
	<?php
}
else
{
	echo "No Results Found";
}
?>

Anonymous

#68686

This reply has been marked as private.

Trevor

#68688

Yes. Hopefully I made no mistakes. Copy and paste the current content of results.php to keep safe. It should work.

Anonymous

#68690

This reply has been marked as private.

Anonymous

#68694

This reply has been marked as private.

[Author]

Posts