Block settings menus make customization fast and easy. Access these options via floating menus that appear when you hover over a block. There, you'll find options to move, duplicate, or delete your block, edit block content, and adjust the design.
Click the Move up, Move down, Duplicate, or Delete buttons to move, copy, or remove a block.
Each block may be edited in either its left-hand edit panel or a full-screen authoring experience. Easily access these editing options directly from the block:
- Hover over the block and click the Content icon in the left-hand toolbar.
- Edit content in the left-hand edit panel or full-screen authoring experience that appears.
- Click the X or Close button in the upper right corner of the sidebar or screen to close it.
In the left-hand toolbar, you have additional menus to adjust the format and style.
Make your content stand out by filling all the white space around your block content with the color of your choosing.
- Hover over the block and click the Style icon in the left-hand toolbar.
- Select a background color from the following options:
- Theme Tint
Theme and theme tint background colors are based on the course theme color. Depending on global contrast settings, text color changes when you choose a theme color option.
Choose a custom background color by entering the hex code or manually selecting a color. Selecting a custom background color enables Contrast options: Auto, Light, and Dark.
Select Auto from the drop-down list to ensure that text and graphic elements adhere to an accessibility-conformant 4.5:1 ratio. When selected, text and graphic elements change from light to dark as needed to preserve contrast.
When you select Light or Dark, training elements don’t automatically adjust and may not maintain contrast that's conformant with accessibility guidelines.
Note: In-line graphical elements (like numbers, bullets, and checkboxes) retain the theme color instead of adopting your custom color.
When you select Image, an image is added as the block background. These images are random and vary from block to block. Use the image edit menu to upload, replace, or crop the image.
If the image background obscures your block content, try adjusting the Overlay. Select a light or dark transparent overlay, then adjust its opacity as needed by percentage. Overlay adjustments affect text contrast and in-line graphical elements. For instance, if you select a dark overlay, the text color will be light and vice versa.
Note: Buttons in button blocks are always either black or white, depending on the contrast options you select.
The format menu contains your padding options as well as additional formatting elements for specific blocks.
Padding is the amount of blank space that appears before and after the block. While we find that a standard 30 pixels (px) of space gives content plenty of breathing room, you can adjust it to your liking by clicking the Format icon.
Here’s how it works.
- Hover over the block and click the Format icon in the left-hand toolbar.
- Choose between the Small, Medium, or Large padding options that appear. Or, click the ellipses to reveal custom sliders.
- Increase or decrease the top and bottom padding using either the set options or the sliders. You can choose as much as 200px of padding or as little as no padding at all. The padding sliders are linked by default. Click the Unlink Padding icon to adjust the top and bottom padding independently
- Click the X or outside the menu to close it.
Unique elements in multimedia and interactive blocks may also be edited in the Format menu, including labels, media size and position, button and marker colors, and interactive behavior.
Note: Color and contrast for Buttons and Button Stacks may be modified in the Format menu. Buttons in Process Interactions, however, use the theme color.