How to Add a Featured Tag with Text Over an Image

In this tutorial I will show you how to place a featured tag over an image using CSS3 ::before pseudo elements. A common use case for this is eCommerce where you might want to visually show a product is featured, on sale, or out of stock. Since your products are displayed dynamically using a database,… Read more »

Continue Reading

Category: Tutorials

Check Page Level Depth If Condition in WordPress

The code snippet below is handy when you are trying to check if the current page is a parent or a child in a WordPress theme. You can then use the conditional to output different code depending on the page depth it is

Source: Get the depth of the current page in WordPress

Continue Reading

Category: Code Snippets

What is Jobs Theory and How Does it Apply to HubSpot?

Jobs theory also called Jobs to Be Done Theory was created by Strategyn to help businesses try and understand reasons why someone would buy their product service. “People do not want a quarter-inch drill, they want a quarter inch hole.” “Sell the sizzle and not the steak.” Instead of focusing on your your product or… Read more »

Continue Reading

Category: Common Questions

My 7 Tips for Learning the Artistic Side of Web Design

This is a great question and something I have been thinking a lot about. Especially in how to teach this skill online vs a classroom setting. If I had to pick four important factors to becoming a good designer they would be. Table of Contents Pencil sketch before moving to the computerEmulate the work and… Read more »

Continue Reading

Category: Articles

10 Ways to Bootstrap an Online Business

The Bootstrap Creative Manifesto Before we begin talking about how to bootstrap your creative business lets first define what bootstrapping is. Bootstrapping is relying on your own resources (time and money) to start and run your business instead of getting a loan or outside investment. This allows you to start a business with lower risks and… Read more »

Continue Reading

Category: Articles

HTML5 Responsive Autoplay Video Code Snippet

In order to make your HTML5 video responsive you will need to add the following CSS style properties: width: 100%, and max-height: 100%.

Continue Reading

Category: Code Snippets

Hide WordPress Content Editor Panel Using ACF

Add the code snippet below into your functions.php file to hide the default WordPress content meta box. Source

Continue Reading

Category: Code Snippets

What does Bootstrap 4 data-toggle=”dropdown” do?

Have you ever noticed data-toggle=”dropdown” in Bootstrap 4 dropdown code sections and wondered what this does? Bootstrap includes a CSS stylesheet and JS full of functions to add click behaviors and interactivity. Instead of having you write custom javascript to initialize these functions, it searches the page for any elements that contain certain data attributes…. Read more »

Continue Reading

Category: Common Questions

How do I design and build a website?

Building a website is one of the greatest experiences. It is a convergence of creativity, technology, and service. So congratulations on embarking on the journey. Below is a very high level look at the 3 major steps. If you have questions, please let me know. Table of Contents CreativityTechnologyServiceSummary Creativity Before you start building you… Read more »

Continue Reading

Category: Common Questions

How to Remove the Border Around a HubSpot Email Template

HubSpot provides the ability to change common styling used in your email and landing page templates inside your account settings area. But what if you want to have an email template that looks different from your default templates? In this case, you need to override your default settings with your template specific settings. So you… Read more »

Continue Reading

Category: Common Questions