Welcome to WP Beaches
WordPress Websites design specialists, based in the Northern Beaches, Sydney
Design, Develop, Host
RECENT POSTS
Aligning Last Item to the Bottom of a Container in 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 a row of similar items but with varying amounts of text.The ordered list has its…
Target WooCommerce Products and Pages Using PHP Conditionals
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 theme, this can target all or parts of WooCommerce using PHP conditional statements. All WooCommerce…
Remove Genesis Header and Footer Content
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 ); remove_action( ‘genesis_header’, ‘genesis_do_header’ ); remove_action( ‘genesis_header’, ‘genesis_header_markup_close’, 15 ); //* Remove navigation remove_theme_support( ‘genesis-menus’…
Using ‘Local by FlyWheel’ as a Local Development Workflow for WordPress
Local by FlyWheel (previously known as Pressmatic) is a new WordPress local development solution which uses Docker container technology and VirtualMachines, the app takes care of all the installation and configuration of everything you need and can effortlessly spin up multiple WordPress sites with different configurations for PHP and web server as well as include SSL certs…
Override Cyclone Slider 2 Plugin Template in WordPress Active Theme
The WordPress Cyclone Slider 2 Plugin is an easy to use, free, slider solution for sliding images and text, this guide looks at overriding it in the WordPress active theme. Cyclone Slider comes with a couple of templates but you will probably find that you need to create a unique design to follow your layout,…
Remove Post Info and Meta in Learn Dash Custom Post Types
Learn Dash for WordPRess has five custom post types; courses, lessons, quiz, topic and certificates – the custom post type registration names are sfwd-courses, sfwd-lessons, sfwd-quiz, sfwd-topic and sfwd-certificates respectively. To remove the default post info and post meta data from these custom post types in a Genesis theme use the following snippet in your functions.php file…
Create a Middle Header Widget Area for a Genesis Child Theme
Most Genesis themes including the framework/sample theme come with a ‘header right‘ widget area which solves most header layouts, however there are times when an additional header middle widget area may come in handy, in particular for 3 distinct content blocks that requires a client when handing over, have to manage the content. In the layout above you…
Centering The Last Item In A Flexbox Container
I’m using flexbox more and really liking it, I’ve hit an issue a few times with center aligning the last item in an uneven row of elements inside a flexbox row container when using the justify-content: space-between; flexbox property, you could use justify-content: flex-start; – but when that won’t do, here is a solution below. So…
Adding an offscreen content area with a toggle to a Genesis Theme
The latest Genesis Infinity Pro theme has a top right toggle icon which allows for some off screen content to come into prominence in the viewport, this can be great for lead capture, ecommerce, contact details etc Here is how you can add this to the Sample Theme, also should work ok in other Genesis themes…