How To Center a div Horizontally in Bootstrap 4
It is very common in web design layouts to horizontally center a column in a row or container. But how do you do that using Bootstrap classes? Below are some different ways you can achieve this effect. Table of Contents Option 1 – Bootstrap OffsetOption 2 – Margin AutoOption 3 – Bootstrap Width UtilityConclusion Option… Read more »
Category: Common Questions
How to Edit the HubSpot Follow Me Module
The video below demonstrates the steps to update a HubSpot follow me module. Basically, it pulls from your Account Settings > Marketing > Social > Follow Me tab
Category: Tutorials
New HubSpot Modules – Name Anchor and Top Announcement Bar
I created two new HubSpot modules I wanted to let you know about. Name Anchor – Free This module can be added above forms or section titles to easily create name anchors. The module also includes code to make it scroll smoothly to the destination on the page. Demo | Get on HubSpot Top Announcement Bar –… Read more »
Category: New Releases
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
