Digital Edition Display Template

Latest Issue
Previous Issue
3 Issues Ago
4 Issues Ago

Code to display horizontally:

<style>
.brass-digital-container { width: 100%;}
.brass-digital-edition img { width: 21%; float: left; margin: 2%; max-width: 251px;}
</style>
<div class="brass-digital-container">
     <div class="brass-digital-edition">
          <a href="http://service.brassdigital.com/display/url/?id=1" target="_blank">
               <img src="http://service.brassdigital.com/display/image/?id=1" alt="Latest Issue" />
          </a>
     </div>
     <div class="brass-digital-edition">
          <a href="http://service.brassdigital.com/display/url/?id=2" target="_blank">
               <img src="http://service.brassdigital.com/display/image/?id=2" alt="Latest Issue" />
          </a>
     </div>
     <div class="brass-digital-edition">
          <a href="http://service.brassdigital.com/display/url/?id=3" target="_blank">
               <img src="http://service.brassdigital.com/display/image/?id=3" alt="Latest Issue" />
          </a>
     </div>
     <div class="brass-digital-edition">
          <a href="http://service.brassdigital.com/display/url/?id=4" target="_blank">
               <img src="http://service.brassdigital.com/display/image/?id=4" alt="Latest Issue" />
          </a>
     </div>
</div>

Code to display vertically, like the sidebar:

<style>
.brass-digital-container { width: 100%;}
.brass-digital-edition-vertical img { width: 90%; float: left; margin: 5%; max-width: 251px;}
</style>
<div class="brass-digital-container">
     <div class="brass-digital-edition-vertical">
          <a href="http://service.brassdigital.com/display/url/?id=1" target="_blank">
               <img src="http://service.brassdigital.com/display/image/?id=1" alt="Latest Issue" />
          </a>
     </div>
     <div class="brass-digital-edition-vertical">
          <a href="http://service.brassdigital.com/display/url/?id=2" target="_blank">
               <img src="http://service.brassdigital.com/display/image/?id=2" alt="Latest Issue" />
          </a>
     </div>
     <div class="brass-digital-edition-vertical">
          <a href="http://service.brassdigital.com/display/url/?id=3" target="_blank">
               <img src="http://service.brassdigital.com/display/image/?id=3" alt="Latest Issue" />
          </a>
     </div>
     <div class="brass-digital-edition-vertical">
          <a href="http://service.brassdigital.com/display/url/?id=4" target="_blank">
               <img src="http://service.brassdigital.com/display/image/?id=4" alt="Latest Issue" />
          </a>
     </div>
</div>