You could set up the widget areas in Hello Pro by hand. All of the information is provided for you when you buy the theme. But reading the instructions, manually adding all of the widgets and then typing in the code and text into the widgets takes time. So I made you a .wie file. …
Blog
Custom HTML Widgets in Hello Pro Theme
If you’ve used my Widget Importer file to setup the homepage of your Hello Pro theme. You will find there are front page widget areas that contain custom HTML widgets. The widget areas that contain custom HTML widgets are… Home-Wellcome Home-Intro Home-Features Home-Statement If you’ve never seen code before, this might seem scary. But it’s …
Setup the Portfolio Section in Hello Pro Theme
To set up the portfolio section like the Hello Pro demo page… Go to: Dashboard > Portfolio Items > Add New Then add a… Title Description And featured image to your portfolio item. IMPORTANT! You must add a Featured Image to your portfolio item. The featured image is the thing that displays in the portfolio …
Setup the Testimonials Section in Hello Pro Theme
If you’re using Hello Pro theme and you want to set up your own testimonials section like the demo site, this is what you need to do… Install and activate the Social Proof (Testimonial) Slider plugin. Go to: Dashboard > Testimonials > Add New Testimonial. Add a testimonial title, author name, author title and type …
Elementor Tutorial: a Quick Start Guide
This Elementor tutorial is in two formats. Watch the video or scroll down for the text and images. In this Elementor Tutorial we’ll build a page like this… This Elementor tutorial is for WordPress. So I’m assuming you already have a WordPress website, you will also need… Elementor (free version) Fullwidth Page Templates ( free plugin) Make …
Optimizing images for the web using Pixlr
You can optimize your images for the web and make them load faster using Pixlr. The websites mentioned in this tutorial are Unsplash and Pixlr. In this tutorial I will be finding images on Unsplash and optimizing images for the web using Pixlr If you develop sites for clients there’s a good chance those clients …
Authority Pro Theme by StudioPress
Please Note!There is now a new version of Authority Pro theme that has an automatic homepage set up using the atomic Blocks plugin. For more information about Atomic Blocks visit Flagship Content. Authority Pro theme looks great. But figuring out how to set it up can be confusing. This is a quick setup guide for Authority …
Genesis Dambuster plugin basic settings
If you have the latest version of Genesis and a modern theme, you won’t need this plugin. A full width page option is now built into Genesis. Genesis Dambuster plugin makes your page full width and removes selected elements from your page, such as the post title or the navbar. The important facts… Your page …
Beaver Builder Tutorial – The Basics
Beaver Builder links There are two versions of the Beaver Builder plugin and there is a Beaver Builder theme. Free Plugin | Premium Plugin (with loads of extras) I’ve made a set of Beaver Builder demo pages and some more tutorials on GenesisUser.com The Layout Grid: Beaver Builder tutorial step one The first step in …
Hero Page Header Using Beaver Builder
Hero Page Header Text box beneath Hero Page Header You can do a lot with the free version of Beaver Builder. Today I’m making a Hero Page Header. If you’re new to Beaver builder see this starter tutorial. What is PowerPack Lite? The free version of Beaver Builder enables you to build basic web page …
Font Awesome Icons and Text Boxes in WordPress
Putting Font Awesome icons above text boxes in Beaver Builder Lite I’ve installed two plugins, Beaver Builder Lite and PowerPack Lite for Beaver Builder. One of the PowerPack Lite modules makes it easy to add a textbox with Font Awesome icons. Font Awesome icons above text boxes in WordPress The module I use to add Font …
Callout Boxes in Beaver Builder Lite
Adding a Callout Box to the free version of Beaver Builder using the PowerPack Lite plugin This tutorial uses the free versions of two plugins to add a callout box to WordPress… Beaver Builder Lite PowerPack Lite for Beaver Builder First log in to your site, then navigate to the page you’ve built using Beaver …
Beaver Builder Problems
Themes that work especially well with Beaver Builder Dynamik Website Builder. This is aimed at very competent amateurs and small agencies. GeneratePress. This is an excellent theme for a small business or blog owner. Beaver Builder also make their own theme. But it’s not cheap. Beaver Builder is a plugin that is designed to work …
StudioPress Sites Review: Get a StudioPress theme & solid hosting from a brand you trust
Please Note! StudoPress Sites Hosting has now moved to WP Engine. WP Engine offer high quality hosting to businesses who rely on their site to do business. If you have a small local business you might prefer a host like SiteGround. StudioPress Sites is a new offering from Rainmaker Digital AKA Copyblogger Media. Rainmaker Digital …
Up Sells, Cross Sells and Related Products in WooCommerce
Up Sells, Cross Sells and Related Products Video 1 Up Sells, Cross Sells and Related Products Video 2 When you view your shop page you see a grid of products. If you click one of those products to view that product’s full description. Then scroll down the page, you may see two more options. If …
Woocommerce Widgets and filters
In this video I’ll be using Woocommerce Widgets and filters to enable my customers to drill down and find the exact products they’re looking for on my site. This is the transcript of the video above… Hello If you examine several online shops you’ll see a certain feature pop up time after time. It’s the …
Best StudioPress theme for WooCommerce?
Are you struggling to find the best StudioPress theme for WooCommerce? Many StudioPress themes are pre-styled for WooCommerce. If you want the power, security and flexibility of Genesis this is great news. As of March 2017 WooCommerce powers 28% of all online stores. There is a wealth of good quality WooCommerce training and resources to help …
How to make a WooCommerce Simple Product
A WooCommerce simple product is a product that does not have any variations such as color or size. For instance, a vinyl record could be listed as a WooCommerce simple product. Because this item does not have any options or variations that the shopper can choose from. There’s only one version of the product. Product image …
Installing WooCommerce plugin
Before installing WooCommerce plugin for WordPress I installed and activated the Store Front theme. This is designed specifically for WooCommerce. If you don’t have your own good quality theme such as a StudioPress theme, Store Front is a good choice. Next I ran the WooCommerce set up wizard and I imported the WooCommerce demo content so I …
Making a WooCommerce Grouped Product
Think of a WooCommerce Grouped Product page as a container that holds, or links to, a collection of simple product pages. You can only add simple products to a grouped product page. You can NOT group variable products. What kind of products would you group together? Music tracks are a good example. You could have …
Navigating WooCommerce
At first glance Navigating WooCommerce looks complicated, but most of the settings are fairly simple. And many StudioPress themes are now WooCommerce enabled. WooCommerce remembers things like tax rates and shipping costs, so you only have to set them once. This makes the day to day running of your shop much easier. If you can …
WooCommerce Variable Products
How to make WooCommerce Variable Products, a Quick Overview This page contains a long and detailed tutorial, about WooCommerce variable products. But, the process is really quite simple. Make attributes of color and size. Add terms or variations of small medium and large to those attributes. Make sure your product type is variable. Because you …
WooCommerce Training Videos
Please note! This page loads many videos and can take several seconds to load, please be patient. Thank you :-) Installing WooCommerce General Settings Products Settings Tax Settings Tax Rate Example Shipping Zones Flat Rate Free Shipping Local Pickup Shipping Options Shipping Classes Checkout Settings BACS Check Payments Cash On Delivery PayPal Standard Accounts Settings …
Genesis CSS learn how to tweak and customize your site
Genesis CSS: in a nut shell… Genesis CSS Tweaks By tweaking simple Genesis CSS code in an off-the-peg theme you can get a bespoke looking theme for not much more than an off-the-peg price. I’ve built a website that goes into detail explaining what I mean… Find Out More Using Genesis CSS I tweaked this …
Using Genesis Column Classes To Build Layout Grids
Genesis Column Classes Video 1 (the basic idea) Genesis Column Classes Video 2 (how it works) Before we start using Genesis Column Classes, please note! You will need to use some very basic HTML code The easiest way to write code is using the text view in the WordPress editor. BUT! If you try editing …