Welcome to WP Beaches
WordPress Websites design specialists, based in the Northern Beaches, Sydney Design, Develop, Host
Our WorkRecent Posts
AutoPrefix Browser Vendors to your CSS style sheet with a Gulp Workflow

You can automatically add browser vendor prefixes to your CSS style sheet using a Gulp workflow and an AutoPrefixer package, this can be a huge time save and safety net to use newer CSS properties like flexbox that require cross browser prefixes.…
Adding a Full Width Background Image Behind Genesis Header with Beaver Builder

You can add a full width image background behind the site header in Genesis with Beaver Builder with a couple of CSS tweaks. By default when creating a Beaver Builder page in Genesis it’s width will be restricted by the…
Add Scroll Back to Top of page Functionality in WordPress

How to add a scroll back to top of page in WordPress? – I am sure there are a dime a dozen tutorials and plugins on this subject – here is the solution I went with. jQuery scrollToTop was my choice…
Using ACF Gallery Field with jQuery Backstretch Plugin

To have an enduser add or edit images used as multiple backgrounds for use in a backstretch script you can use the ACF Gallery field for the user to add the images and then use a foreach loop to add the…
Setting up Composer and PHPCodesniffer on Atom Editor on macOS

Here is a guide on how to get PHPCodesniffer going on Atom text editor using the WordPress code standards, this will be done via adding PHPCodesniffer via Composer, you can also add PHPCodesniffer via Pear or Homebrew, I used to have it…
Remove Meta Boxes in Genesis Theme Settings

You can remove the metaboxes that appear in the Genesis theme settings in the WordPress dasgboard – this may help when you want an end user not to use or change certain theme settings. In this Gist are the main…
Adding a centered horizontal submenu in Genesis Theme

In some instances you may need a horizontal submenu as appose to a vertical one, in WordPress with a few CSS tweaks, here is how you can achieve it, this guide uses the latest Genesis Sample theme CSS. So going…
Tab to Accordion Responsive Layouts in WordPress

There is a nice responsive Tabs plugin which is jQuery based called aptly called Responsive-Tabs, it handles changing the layout from a tabbed content structure to an accordion layout at a set media query size. The accordion layout is better…
Change the Genesis Theme Copyright Line in Footer for WordPress

Genesis Themes have a footer credit copyright line at the base of the page. This includes the copyright and Genesis framework link with a couple of standard WordPress default links. To change this, you can add a new function and filter into your functions.php of…