Add Section Transitions in Rise 360 in Three Clicks

Rise courses can start to feel a little “blocky” when every content shift is marked by another hard horizontal band. A custom transition gives you a cleaner handoff between sections—without rebuilding the lesson or fussing with spacer blocks.

Save Time Creating Articulate Rise Courses: Add Custom Transitions in Just 3 Clicks! 💥

If you’ve ever changed block background colors to help learners understand that the topic is shifting, you already know the tradeoff: the structure is clear, but the visual rhythm can feel heavy. Mighty’s Transition block gives you a faster way to smooth that moment between sections inside the Rise editor.

Here’s the fun part: the basic workflow is three clicks.

The problem: useful section breaks that look too rigid#

In Rise 360, it’s common to use background colors to create sections inside a lesson. Maybe one group of blocks has a light background, the next has a dark background, and the next returns to your default style.

That can be a smart instructional design move. Learners get a visual cue that the course is moving from one chunk of content to the next.

But when those sections stack one after another, the course can feel very banded. The transitions are clear, but not always graceful. You may find yourself trying to soften the switch with extra blocks, more padding, or custom graphics—especially when a stakeholder wants the course to feel more polished but your timeline is already tight.

Mighty’s Transition block is designed for exactly that gap: keeping the clarity of section changes while making the scroll experience feel more intentional.

Add a transition block in three clicks#

Start in the Rise lesson where you want the transition to appear. In the source walkthrough, Amy previews the course first to spot the issue: strong black background sections are doing their job, but the overall page feels segmented.

Then she goes back into edit mode and adds the transition directly into the lesson.

1. In your Rise course, select Edit.
2. Scroll to the point in the lesson where you want the transition between two sections.
3. Click to add a block.
4. Choose a Mighty block.
5. Select the Transition block.

That’s the core workflow. Once the Transition block is inserted, you technically have a working transition in place.

The reason this is faster than a manual workaround is that you are not creating a custom divider image elsewhere, uploading it, adjusting spacing, testing, and repeating. You’re adding a purpose-built block exactly where the visual handoff needs to happen.

Let Mighty inherit the surrounding block colors#

The most useful setting in this workflow is the Inherit Color toggle.

When it’s enabled, the Transition block automatically looks at the block above it and the block below it. It grabs those background colors and applies them to the transition.

That small detail matters a lot in a real Rise build.

If you’ve already styled your lesson with alternating background colors, the transition can match the surrounding sections without you manually sampling colors, copying hex values, or guessing which brand shade you used three blocks ago. It does the boring matching work for you.

In the video, Amy points out that “a lot of the work is done right here” because the Inherit Color toggle is reading the nearby block backgrounds and applying them automatically to the new transition.

That makes the block especially helpful when you’re working inside a branded course with strict visual rules. You can keep the learner’s sense of section change while avoiding mismatched dividers or one-off graphics that drift away from the course style.

Pick a preset transition shape#

After inserting the Transition block, you can choose from preset shapes. In the walkthrough, Amy switches the transition to an Arc.

That arc shape is a good fit when you want the next section to feel like it flows in rather than starting with a hard edge. It still signals a new content area, but it softens the boundary.

The practical workflow looks like this:

1. Add the Transition block between two sections.
2. Keep Inherit Color on if you want Mighty to use the block colors above and below.
3. Choose one of the preset shapes.
4. Preview the lesson to check how the transition feels in the full scroll.

Because Rise courses are experienced vertically, the preview step is worth doing. A transition that looks nice while editing should also support the learner’s movement through the page. You’re looking for a section break that feels clear, not distracting.

Use the line option for custom dividers#

The Transition block is not only for big shape-based section changes. The video also calls out the Line option, which is useful for creating custom dividers.

This is helpful when you need something more subtle than a full background-to-background transition.

For example, you might use a line-style transition when:

• Two content areas are related, but you still want a visual pause.
• A full arc or shape would feel too decorative for the subject matter.
• You’re building a more minimal course and want a cleaner divider.
• You need to separate a dense sequence of blocks without adding another heavy band.

Native Rise gives you plenty of block types, but it does not give you unlimited control over custom dividers between every content section. Mighty’s Transition block adds a more flexible option without asking you to write code or leave the editor.

Add an image-based transition#

The walkthrough also shows that you can add an image quickly inside the Transition block.

The process is straightforward:

1. Open the Transition block settings.
2. Choose the image option.
3. Select Replace image.
4. Swap in your image.

That gives you another way to create a custom visual handoff. For instance, you might use a branded pattern, a simple abstract image, or a design asset that already belongs to the course system.

The key is restraint. Image transitions can be useful, but they should still support the lesson—not become a visual speed bump. If the graphic makes the learner stop and wonder what just happened, it may be doing too much.

Why this matters for instructional design#

Transitions are easy to dismiss as decoration, but in a scrolling Rise lesson they can do real instructional work.

A good transition can help learners understand:

• “We’re moving to a new topic.”
• “This example belongs to a different category.”
• “The previous section is complete.”
• “This next part has a different purpose or tone.”

That’s especially useful in courses with multiple concepts, scenarios, or phases of a process. Visual sectioning can reduce cognitive load when it’s used consistently.

The accessibility note is important, though: don’t rely on visual transitions alone to communicate meaning. If a transition marks a major topic shift, the content should also make that clear through headings, labels, and plain language. The transition supports the structure; it should not be the only structure.

A small workflow that saves repeat work#

The biggest time-saver here is not just that the block inserts quickly. It’s that Mighty handles the color relationship between nearby sections.

That removes several little tasks that tend to pile up during production:

• Creating or exporting custom divider graphics.
• Matching background colors manually.
• Replacing a divider every time the brand palette changes.
• Rechecking whether a visual break still works after you move blocks around.

For a one-off course, that might save a few minutes. Across a full lesson—or a suite of Rise courses—it can save a lot of repetitive cleanup.

If you’re already using Mighty in your Rise workflow, try adding a Transition block the next time two sections feel too abrupt. Add the block, keep Inherit Color on, test an Arc or Line style, and preview the scroll. Three clicks can make a surprisingly noticeable difference.