• Resolved jackbob

    (@uelmaree)


    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/

    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.
    • This topic was modified 7 years, 9 months ago by jackbob.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter jackbob

    (@uelmaree)

    Anyone? 🙂

    Thread Starter jackbob

    (@uelmaree)

    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.