Skip to content

Instantly share code, notes, and snippets.

@ndiego

ndiego/blox_markup_image.html

Last active November 5, 2015 02:14
Show Gist options
  • Save ndiego/ea392efd88debb76ff6c to your computer and use it in GitHub Desktop.
Save ndiego/ea392efd88debb76ff6c to your computer and use it in GitHub Desktop.
Download ZIP
Blox Frontend Markup
Raw
blox_markup_image.html
/**
* Example frontend markup for a Local static image block
*/
<div id="blox_1572" class="blox-container blox-content-image blox-theme-default blox-scope-local">
<div class="blox-wrap">
<div class="blox-image-container custom">
<div class="blox-image-wrap">
<a href="http://www.example.com" target="_blank" title="The Link Title">
<img src="https://www.bloxwp.com/wp-content/uploads/2015/10/sample_image.jpg" >
</a>
<div class="blox-caption-container">
<div class="blox-caption-wrap">A Sample Caption</div>
</div>
</div>
</div>
</div>
</div>
Raw
blox_markup_image_background.html
/**
* Example frontend markup for a Local static image block with the image set as a background image
*/
<div id="blox_1572" class="blox-container blox-content-image blox-theme-default blox-scope-local">
<div class="blox-wrap">
<div class="blox-image-container custom">
<div class="blox-image-wrap blox-image-background" style="background-image: url(https://www.bloxwp.com/wp-content/uploads/2015/10/sample_image.jpg)">
<a href="http://www.example.com" target="_blank" title="The Link Title"></a>
<div class="blox-caption-container">
<div class="blox-caption-wrap">A Sample Caption</div>
</div>
</div>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment