Backstretch.js is a fundamental tool in many a developers arsenal, and few other scripts can really achieve quite the same effect with such minimal effort.
Below is a quick use setup for Backstretch with some additional handy uses and capabilities.


Add inside the head of your HTML document:

<script src=””></script>
<script src=”//”></script>


Add above the </body> of HTML document:

<script type=”text/javascript”>

In the above, we have set Backstretch to both the ‘body’ of the page as well as a div – ‘.divToBackstretch’. The amount of things that this can be applied to within a single page is unlimited, and lines from the above code can be added and removed as needed.


Another example, 3 divs backstretched with seperate images:

<script type=”text/javascript”>

And more…

Change the positioning of the background image from horizontal center – vertical center to horizontal center – vertical top. View post

Set WordPress featured image to backstretch. View post