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 »
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
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 | <?php // gets page depth global $wp_query; $object = $wp_query->get_queried_object(); $parent_id = $object->post_parent; $depth = 0; while ($parent_id > 0) { $page = get_page($parent_id); $parent_id = $page->post_parent; $depth++; } // echo $depth; ?> <?php if ( $depth == 0 ) { echo 'page level 0'; } elseif ( $depth == 1 ) { echo 'page level 1'; } else { echo 'something else'; }?> |
Source: Get the depth of the current page in WordPress
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 »
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 »
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 »
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%.
1 2 3 4 5 | <video style="width: 100%; max-height: 100%;" autoplay="autoplay" width="300" height="150"> <source src="https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4" type="video/mp4" /> Your browser does not support the video tag.</video> |
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
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 »
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 »
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 »
Category: Common Questions