[ Moderator Note: Please post code or markup snippets between backticks or use the code button. ]
<div class="archive"> {{#title}} <div class="archive-title black"> <div class="container_12"> <div class="horizontal-left"></div> <div class="horizontal-right"></div> <h3>{{title}}</h3> <div class="clearfix"></div> </div> </div> {{/title}} <div class="archive-posts white"> <div class="container_12"> {{#rows}} <div data-role="post" class="grid_12 {{classes}}"> {{#posts}} <div data-role="post" class="grid_3 archive-post {{classes}}"> <a href="{{uri}}"> <img class="archive-image" src="{{featured_image_grid_3}}" width="237" height="162"/> </a> <div class="archive-post-copy"> <a href="{{uri}}"> <h4>{{title}}</h4> </a> {{#showdates}} <h6>{{date}}</h6> {{/showdates}} {{#meta}} <h6>{{meta}}</h6> {{/meta}} {{#showexcerpt}} <p>{{excerpt}}</p> {{/showexcerpt}} </div> <div class="clearfix"></div> </div> {{/posts}} {{^posts}} <div class="grid_12 no-posts"> <p>There's No Content to Display Here.</p> </div> {{/posts}} </div> {{/rows}} {{^rows}} <div class="grid_12 no-posts"> <p>There's No Content to Display Here.</p> </div> {{/rows}} <div class="clearfix"></div> </div> </div> </div>
I am trying to make the image appear below the title text and the date but I cant seem to get it right at all.