Articles found in Code

WP Contact Form 7 Styles and tips

There has always been several preferences when it comes to contact forms for WordPress. Although many choose to go down the route of using non WP JavaScript or PHP forms, most are likely to choose a plugin to do the job. Of all the plugins available to create and manage contact forms in WordPress, Contact Form 7 […]

Set WordPress featured image as backstretch.js background

This is a pretty useful trick. Turn your featured image in WordPress into the background of a page element or page using backstretch. The current page / post’s featured image will display wherever you choose as a fitted backstretch background. This is ideal for responsive WordPress sites and can resolve potential display errors on mobile.   Place .js files […]

Backstretch.js quick use

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 […]

Mobile friendly site modification

Now that Google has placed a higher emphasis on mobile friendliness within it’s SRP rankings, it has become more important than ever for websites to be just that. Achieving this can be daunting for many developers, especially those who have not spent much time around mobile applications. In the following guide we will break down a few key elements and attempt to […]

Position backstretch.js to top center of the viewport

As great as backstrech is for most purposes, it can be inconvenient for some as it targets the very center of an image when the viewport is smaller than the original image, both vertically and horizontally (see image above). For general background images like landscapes, patterns etc, this is ideal, but for pictures that include […]