Change Advanced Custom Field’s Color Picker Color Swatch

When working with Advanced Custom Field’s Color Picker field, you’ll often want to change the color options available to the editor.  After all, you are customizing the fields for a content creator.  Making the color swatch something custom will often allow for quick access...

Add A Time Input to Contact Form 7 Without A Plugin

The Contact Form 7 plugin does not inherently support the time attribute for an input field. As of version 5.2, you can use the native HTML5 date input field (and all of the UX that browsers provide that come along with it) but you...

Show Content to First Time Visitors on a Page in Hubspot

This post is to show you how to display content for first time visitors only through Hubspot with the help of cookies.  I recently became Hubspot Certified for their Developer CMS and had a request for showing certain content for new visitors on a...

Create A Custom Module in the Enfold Advanced Layout Builder

If you’ve done any custom WordPress development in the past 10 years, you’ve probably stumbled upon or worked on the Enfold theme which uses the Advanced Layout Builder.  This is a proprietary page editor used by the popular theme developed by the theme’s creators. ...

How to use CSS Variables with Examples

CSS variables are quickly becoming my favorite thing in web development.  The Custom Properties function in CSS3 is nothing new, but it’s finally becoming more widely accepted and supported.  I also include a few examples on how to implement these in ways that I...

CSS Fix For Sticky Headers with the WordPress Admin Bar

If you’ve developed themes with HTML & CSS for WordPress, you know that the admin bar often interferes with sticky headers.  The elements overlap each other making one illegible. Both elements are usually placed at the very top and depending what z-index value is...

Change the form recipient in Contact Form 7 before sending mail

In some cases, I want to simplify the process for clients to change their contact form recipient address.  Rather than have them directly modify the Contact Form 7 settings, I would prefer if they changed the “To” setting when editing the contact page, or...

Toggle A Caption in Fancybox 3

Since the release of Fancybox 3 and all of its new options, I started looking for a way to incorporate the caption of an image and toggle it.  The default effect of this JQuery lightbox plugin is to hide and show the caption (along...

Embed A Tumblr Feed In WordPress

Below is an example showing how to embed multiple Tumblr posts as a feed into a WordPress site.  You will need a little coding experience with PHP and access to your WordPress theme files.  It is also required to have a Tumblr API key. 1....