Month: October 2018

In this video we’ll show you how to quickly namespace Bootstrap css. We build a lot of WordPress sites so many times we need to namespace bootstrap so our styles don’t conflict with the editor styles from the WordPress dashboard. It’s really easy and kinda fun.

If you’re trying to figure out how to use any of those core Gutenberg blocks like the paragraph, heading, or any other core block in your custom block, this video is for you!  It wasn’t easy to find this but it’s really easy to do.  In this video we’ll show you how to add a…

In this video we’ll show you how to add block alignment support for wide and full width Gutenberg blocks.  As a bonus we’ll even show you how to set a default block alignment for any custom Gutenberg blocks you may build.

So we have this funky and extremely frustrating issue where we’re trying to embed a video using the Youtube video block in the new WordPress Gutenberg editor and the video is NOT being embedded.  Instead of seeing the video, all we’re seeing is the link to the Youtube video.  Well the issue is NOT Gutenberg. …

Ever run into that pesky maintenance mode screen? You know the one where your WordPress site won’t load. This often happens after you update WordPress to the latest version. I run into this sometimes when I’m doing development work locally building a WordPress theme or plugin. Well it’s super easy to fix. I’ll show you…

In this video we’ll show you how to quickly create an animated svg loading icon to use on your website.  We’ll find an icon using thenountproject.com and then animate the svg using the svgator.com svg animation software.

If you have the latest version of the Gutenberg editor, there are currently two ways to change your page’s/post’s permalink. For your information, a permalink is a URL or slug to a post or a page in WordPress. OPTION 1: Change Permalink in the Gutenberg Editor This option only works with the latest version of WordPress’ Gutenberg editor. Earlier versions didn’t…

Step 1: Create a Salient child theme Follow these instructions from WordPress on how to create a child theme. Step 2:  Copy the existing header.php from the Salient parent theme to create a header.php file in the child theme. Step 3:  Place the following code wherever you want the Google Translate widget to appear. We searched for the…

I’ve run into numerous situations where I need to loop through data on a website that I do not own (typically API documentation) so that I can reformat it and make it usable.  For example, AWS Route 53 includes a list of top-level domains (TLDs) in a page with related data for each TLD but…