How to Inspect Elements and Test CSS – Chrome Developer Tools Tutorial Video

How to Inspect Elements and CSS Test with Chrome Developer Tools for Beginners – Google Chrome DevTools Tutorial. This dev tools tutorial demonstrates the different ways to inspect and test CSS using Chrome’s DevTools. This is helpful when building responsive websites because you can get real-time feedback on a style change.Then once you are happy… Read more »

Continue Reading

Category: Newsletter

How to Quickly Search for a Code Text String on Entire WordPress Website

I recently was trying to optimize my WordPress site performance and noticed a javascript error saying jQuery is not defined. Basically, there was a script that was loading before jQuery was loaded. I searched my entire theme but could not find the code. I then thought of searching all of my plugins for the code…. Read more »

Continue Reading

Category: Code Snippets

Looking for a Free Website Builder? A Review of HubSpot CMS Free Hosting Software

Want to build your website visually using a drag and drop website builder? You should consider taking HubSpot CMS for a test-drive because it has a large amount of features specifically designed for lead generation and business management. Below is a summary of the content management system and the reasons why it is a professional… Read more »

Continue Reading

Category: Articles

HubSpot HubL Code Snippet Collection – Filters, Functions, and Macros

Below is a list of my commonly used HubSpot CMS HubL filters, functions, and Macros. Email me if you have one you would like to add to this list. Create a slug from a text string I used this when I wanted to add a CSS class name to the li of a menu using… Read more »

Continue Reading

Category: Code Snippets

How to Create a Landing Page in HubSpot CMS Using a Blank Page

Are you trying to create a landing page using a blank page in HubSpot? HubSpot drag and drop templates make it easy to build a landing page to help you generate leads or promote a webinar. Below are the steps on how to do so. 1. Open HubSpot Landing Pages Admin In the top navigation… Read more »

Continue Reading

Category: Tutorials

How to Make CSS Style Customizations to HubSpot CMS Pages

Are you creating a HubSpot landing page or website page but want to make a small design style adjustment? Sometimes you just have to dig in and get your hands dirty writing some code. But don’t worry it isn’t as bad as it looks. And if this is your first time, afterward you will think… Read more »

Continue Reading

Category: Articles

How do you change the styling of a HubSpot pop up form?

I recently tried adding a HubSpot popup form but I noticed I didn’t like the styles. It wasn’t exactly what I was looking for. The form admin does not provide extensive customization options, but if you are comfortable adding CSS styles you can adjust the popup to fit your needs. Below are the changes I… Read more »

Continue Reading

Category: Articles

What are the Best Image Size Dimensions for Responsive Web Design?

When building image carousels, jumbotrons, or full background sections you will often need to properly size an image. Below are some recommendations based on the most common device screen sizes and if you are using parallax or fixed background images. Desktop (1920×1080) 2000px x 360px, 4000px x 720px (retina) Parallax (images need to be as… Read more »

Continue Reading

Category: Common Questions

WooCommerce Product Category and Terms Select Filters [code snippet]

The code below will help you add a form select filter for Woocommerce online shop on WordPress. <?php $categories = get_terms( [‘taxonomy’ => ‘product_cat’, ‘hide_empty’ => true] ); ?> <div class=”product-categories”> <h3>Categories</h3> <select class=”form-control shop-filter” onchange=”location = this.value;”> <option selected value=”/shop/”>All</option> <?php foreach ( $categories as $category ) { ?> <option value=”<?php echo get_term_link( $category->term_id… Read more »

Continue Reading

Category: Code Snippets

How to Remove Default HubSpot CTA Styles

HubSpot allows marketers to create custom styled CTA buttons. This can be a problem if you have a large team who may not know how to follow brand guidelines. This creative freedom can make buttons look inconsistent across your website. You could educate all of your users to never create custom styles. Or you could… Read more »

Continue Reading

Category: Code Snippets