Welcome to WP Beaches

WordPress Websites design specialists, based in the Northern Beaches, Sydney Design, Develop, Host

Our Work

Recent Posts

Fix the Gap in Unordered Lists From Columns In Beaver Builder

unordered-lists-beaver-builder

If you split 2 unordered lists into columns in Beaver Builder at desktop size, the results will look a little uneven at the smaller viewport on tablet or mobile.     You could create a duplicate of the module and…

Automatically Update Your WordPress Plugins and Themes and Translations

auto-plugins-wordpress-updates

WordPress allows you to automatically update your WordPress plugins and themes and translations by adding some PHP constants and filters to your WordPress installation. Constants are best off added in /wp-config.php and filters are preferred to be used in a wp-content/mu-plugins/…

Using Beaver Builders’ new Beaver Themer with Genesis Themes

beaver-themer-genesis

Beaver Themer is a new add on being developed by the Beaver Builder team to be used with Beaver Builder and can be used with the  Genesis Framework,  the product is currently in Alpha build and is available for download by…

Add Icons in Genesis Header and Footer Post Meta Info

genesis-post-meta-output

You can easily add icons just before the labels in Genesis Entry and Footer Meta content, including… .entry-time .entry-author .entry-comments-link .entry-categories .entry-tags   The five metas can be targetted with some CSS pseudo selectors by adding the below CSS to your style.css…

Change the Genesis Meta Output, Post-Info, Post-Meta and Post-Terms

This tutorial takes you through changing the Genesis Meta Output, the Post-Info, Post-Meta and Post-Terms, post-info is typically at the top of a single post above or below the heading with dates, author and comments info, post-meta is at the foot…

Changing the Genesis Header HTML Structure and MarkUp Code

In Genesis Themes you can completely change the header structure HTML  by overriding the default code from the parent Genesis theme and use your own header mark up in your Child Theme. Two types of markup can be overridden the structure and the…

Aligning Last Item to the Bottom of a Container in Flexbox

align-item-bottom-flexbox

In a column based Flexbox layout you may want the last item to align to the bottom of the parent container – something you can achieve with the margin property – consider a simple column  layout but it is in…

Target WooCommerce Products and Pages Using PHP Conditionals

shop

WooCommerce comes with a number of pages and a custom post type named ‘products’, sometimes you may want to just target some of these products or pages so you can add some PHP custom code in your functions.php file of your…

Remove Genesis Header and Footer Content

remove-genesis-header-footer

Removing the Genesis Header and Footer areas can be accomplished with the following code which removes not only the Genesis header and footer areas but also removes the menu and breadcrumb and footer widgets content… //* Remove site header elements remove_action( ‘genesis_header’, ‘genesis_header_markup_open’, 5…

Recent Work