Title: Custom template help
Last modified: August 7, 2018

---

# Custom template help

 *  Resolved [jackbob](https://wordpress.org/support/users/uelmaree/)
 * (@uelmaree)
 * [7 years, 9 months ago](https://wordpress.org/support/topic/custom-template-help-5/)
 * Hi there,
 * Love the plugin.
 * Trying to build a custom Post Locator results template. I’m trying to get it 
   to look like the rest of my site.
 * CSS I can manage with afterwards. In trying to build my desired layout, I’m using
   the GRAY template to work from but how to move the elements so next to the post
   image it shows title, below it the excerpt, below it the address?
 * Attached is an image of what I want OR here’s my site’s layout I want (but with
   the added address) [https://www.howto-ido.com/category/cakes/](https://www.howto-ido.com/category/cakes/)
 * Please help 🙂
 * [[
 * I’m guessing it’s got to do with moving these around?…
 *     ```
       <div class="top-wrapper">	
   
       							<h2 class="post-title">
       								<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
       									<?php the_title(); ?> 
       								</a>
       							</h2>
   
       							<div class="address-wrapper">
       						    	<span class="address"><?php gmw_search_results_address( $post, $gmw ); ?></span>
       						    	<?php gmw_search_results_distance( $post, $gmw ); ?>
       						    </div>
       						</div>
   
       						<?php do_action( 'gmw_posts_loop_before_content' , $gmw, $post ); ?>
   
       						<div class="post-content">
   
       							<div class="left-col">
   
       								<?php do_action( 'gmw_posts_loop_before_image', $gmw, $post ); ?>
   
       								<?php gmw_search_results_featured_image( $post, $gmw ); ?>
   
       								<?php do_action( 'gmw_posts_loop_before_excerpt' , $gmw, $post ); ?>
   
       								<?php gmw_search_results_post_excerpt( $post, $gmw ); ?>
   
       						        <?php gmw_search_results_taxonomies( $post, $gmw ); ?>
   
       								<?php do_action( 'gmw_posts_loop_before_get_directions', $gmw, $post ); ?>
   
       			    				<?php gmw_search_results_directions_link( $post, $gmw ); ?>
   
       							</div>
   
       							<div class="right-col">
   
       						    	<?php do_action( 'gmw_posts_loop_before_contact_info', $post, $gmw ); ?>
   
       						   		<?php gmw_search_results_location_meta( $post, $gmw ); ?>
   
       							    <?php do_action( 'gmw_posts_loop_before_hours_of_operation', $post, $gmw ); ?>
   
       							    <?php gmw_search_results_hours_of_operation( $post, $gmw ); ?>
       				   			</div>
       			   			</div>
       ```
   
    -  This topic was modified 7 years, 9 months ago by [jackbob](https://wordpress.org/support/users/uelmaree/).
    -  This topic was modified 7 years, 9 months ago by [jackbob](https://wordpress.org/support/users/uelmaree/).
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcustom-template-help-5%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 2 replies - 1 through 2 (of 2 total)

 *  Thread Starter [jackbob](https://wordpress.org/support/users/uelmaree/)
 * (@uelmaree)
 * [7 years, 8 months ago](https://wordpress.org/support/topic/custom-template-help-5/#post-10628215)
 * Anyone? 🙂
 *  Thread Starter [jackbob](https://wordpress.org/support/users/uelmaree/)
 * (@uelmaree)
 * [7 years, 8 months ago](https://wordpress.org/support/topic/custom-template-help-5/#post-10633624)
 * Never mind, I figured it out.
 * For future reference, an easy way to make a new template which I did…
    1. Download
   a plugin called Yellow Pencil (visual editor). 2. In Geo My WP chose a template
   that’s closest to what you want. 3. Edit the page where the template results 
   are shown using Yellow Pencil. 4. Once you’ve got the desired look, on top left
   of Yellow Pencil is a section showing all the CSS that’s been added by you moving
   everything around. Copy ALL that CSS. 5. You can either leave it like that by
   saving in Yellow Pencil OR now create a new template. ——– 6. To create new template,
   download the Geo My WP template you used in step 2 using FTP. 7. Change the name
   of the folder (ie: my-template) 8. Open the CSS file (not the PHP file) in that
   template’s folder using whichever editor you use. 9. Paste the CSS from step 
   4 to the end of the file and save the file. 10.Upload your new folder to the 
   same directory you downloaded it from. 11.Go into Geo My WP settings and change
   the template you’re using to the new my-template one. 12.That’s it, should work.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Custom template help’ is closed to new replies.

 * ![](https://ps.w.org/geo-my-wp/assets/icon-256x256.gif?rev=2803407)
 * [GEO my WP](https://wordpress.org/plugins/geo-my-wp/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/geo-my-wp/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/geo-my-wp/)
 * [Active Topics](https://wordpress.org/support/plugin/geo-my-wp/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/geo-my-wp/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/geo-my-wp/reviews/)

 * 2 replies
 * 1 participant
 * Last reply from: [jackbob](https://wordpress.org/support/users/uelmaree/)
 * Last activity: [7 years, 8 months ago](https://wordpress.org/support/topic/custom-template-help-5/#post-10633624)
 * Status: resolved