I didn’t delete the css, but as the page has changed also some CSS may need to be re-written. The form element headings are in the form UI bits you dragged and dropped into the form. Look for the option Add a heading?
Once you have added all the bits you need, make a screenshot and play with it by cutting and pasting where you want stuff, what want to be bigger, smaller, different font/size and link to it here. I can then advise.
For those others who might use the Hemlock theme from Solo Pine Designs, this is the customized results.php I wrote:
<?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() )
{ ?>
<ul class="sp-grid">
<?php
while ($query->have_posts())
{
$query->the_post();
?>
<li>
<article id="post-<?php the_ID();?>" class="item">
<?php
if ( has_post_thumbnail() ) { ?>
<a href="<?php the_permalink(); ?>"><?php the_post_thumbnail("thumb");?></a>
<?php }
?>
<div class="item-content jpibfi_container">
<span class="cat"><?php the_category(", "); ?></span>
<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
<input class="jpibfi jpibfi-ignore" data-jpibfi-url="<?php the_permalink(); ?>" data-jpibfi-description="<?php the_title(); ?>" type="hidden"><span class="more-button"><a class="more-link" href="<?php the_permalink(); ?>">Read More</a></span>
<br /><span class="date"><?php the_date(); ?></span>
</div>
</article>
</li>
<?php
}
?>
</ul>
<div class="pagination">
<div class="older"><?php next_posts_link( 'OLDER POSTS <i class="fa fa-angle-double-right"></i>', $query->max_num_pages ); ?></div>
<div class="newer"><?php previous_posts_link( '<i class="fa fa-angle-double-left"></i> 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>
<?php
}
else
{
echo "No Results Found";
}
?>
