Background Images Disappearing in Beaver Builder on Site Deployment

Having a WordPress website built with Beaver Builder may lose its CSS background images when deploying from one location to another, this may be from local/staging to production or swapping between webhost environments. This can be typically resolved by nuking the…
Blank Post or Page Template in Genesis Theme Showing Title and Content Only

This code will output a blank barebones WordPress Genesis page/post template with just the post title and content as entered in the post editor in the WP Dashboard. No header or footer content are included but WordPress hooks have been left…
Force a Custom Post Type To a Certain Layout in Genesis Theme in WordPress

You can force a certain custom post type in a Genesis WordPress theme to have a certain page layout applied to it. You can add a function and filter to your functions.php file in your WordPress theme. This will save…
Stop the Flicker Flash and Load Adobe Typekit Font Faster on WordPress

If you have an Adobe TypeKit font loaded on a WordPress site you may notice the fonts flicker just before the Typekit font is fully loaded on the page – whilst it transitions from the default font to the Typekit…
Fix the Gap in Unordered Lists From Columns In 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

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 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

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…