Beaver Builder is a WordPress plugin that enables you to build complex page layouts without using code. You just drag layout grids and content elements on to the page and Beaver Builder writes the code for you. These types of layout builder plugins have been around for a long time, but Beaver … [Read more...] about What is Beaver Builder?
Blog
Colored Content Boxes and Buttons
Some themes have fancy boxes like this built into the home page. This tutorial shows you how to build your own content boxes that can be placed on any page or post in your site. Box code and Button code First I need the code. Luckily I can find some good starter code on the StudioPress blog. The … [Read more...] about Colored Content Boxes and Buttons
Website Color Picker – the easy way to find colors for your web pages
DIY Website Color Picker Whichever website color picker you use, Keep It Simple! The color scheme we're building is to spice up the layouts we'll build using Beaver Builder and these wire frames I made previously. If your theme has a prominent color scheme try use that in your Beaver Builder … [Read more...] about Website Color Picker – the easy way to find colors for your web pages
Parallax Pro Front Page Layout Grids
This is the code I used in the second video... If you want to follow along exactly without using the plugin, this is the code I made. This code will not work in other widget areas. You can paste the code into... Appearance > Customize > Additional CSS (in WordPress versions 4.7+) This … [Read more...] about Parallax Pro Front Page Layout Grids
Grey Boxes With Borders
This is the script I used for the video Hello. I’m using the Infinity Pro theme by StudioPress. In this video I’m dealing with the Front Page 6 widget area. Front Page 6 is one of the white rows on the front page. This theme has a built in CSS class that, if applied to a text widget, will make … [Read more...] about Grey Boxes With Borders
DIY Pricing or Services Tables
First, paste this CSS into the Quick Configurator box. Then paste this HTML into four separate text widgets. The top full width text widget Table one (the second text widget) Table two (the third text widget) Table three (fourth text widget) For all text widgets … [Read more...] about DIY Pricing or Services Tables
Genesis eNews Extended widget CSS basics
This is the script I used in the video I’ve put the Genesis eNews Extended widget, in the Front page 3 widget area, of the Infinity Pro theme by StudioPress. Now I’m going to customize the CSS and make some small changes to the styling. Please note! I’m using a premium plugin to edit the CSS in … [Read more...] about Genesis eNews Extended widget CSS basics
Blog Style Listing CSS
Custom CSS for a Blog Style listing using the Genesis Featured Post widget This is the script I used for the video... Please note! I’m using a premium plugin to edit the CSS in this video. These CSS editing features are NOT built into the theme. I want to build a blog style listing, in one of the … [Read more...] about Blog Style Listing CSS