← How to build a course platform

Lesson 2 of 9 *

Building a lessons page with Bricks Builder

Completed 0 of 0 lessons

Creating a design layout with various sections

In this video, I shift the focus to building a lessons page for a DIY course platform using Bricks Builder. lessons page in bricksI’ll show you how Bricks Builder can be used for course creation while emphasizing that I’m not affiliated with Bricks Builder. I recommend working on a staging site and performing backups before making any changes.

The lesson page design includes three sections: a video section, a description section, and a resources and download section. I also introduce Automatic CSS, a library of styles and classes, to streamline the styling process and boost efficiency when building in Bricks Builder.

Throughout the tutorial, I walk you through structuring and styling the lesson page. Key steps include applying Automatic CSS classes for width, background, padding, and rounded corners, duplicating containers, and adjusting headers. I also add elements like rich text blocks and a two-column grid for the resources section. This tutorial wraps up with a preview of the next lesson, where I’ll cover templates and custom fields to make lesson creation even easier.

Lesson Overview

Main Points

√ In the previous video, I covered basic navigation in Bricks Builder.
√ This video focuses on building a lessons page for a DIY course platform.
√ I’m not affiliated with Bricks Builder. This is a free tutorial.
√ It’s recommended to work on a staging site and perform backups as we build our pages!
√ We’ll be using Automatic CSS to simplify and speed things up.
√ The lesson page consists of three sections: video, description, and resources/downloads.
√ Steps include applying classes for width, background, padding, and rounding.
√ Duplicate containers to create multiple sections with adjusted headers.
√ Add a two-column grid and rich text for the resources section.
√ Prepare for the next lesson, which will introduce templates and custom fields.

Lesson Resources

Automatic CSS

Premium Content

Subscribe today for premium content.

Lessons Completed: 0 of 0
Rankbydesign
Review Your Cart
0
Add Coupon Code
Subtotal