Customize advanced element settings

This article introduces key terms and explains how to manage and style elements settings, particularly focusing on the "Grid" and "Element" element tabs in pro-mode.

In pro-mode, every element comes with settings that are divided into three tabs.

Grid

This tab allows users to adjust where and how the element appears within the page. Users can modify the element's alignment, size, and placement (paddings, margins) relative to other elements, ensuring it fits perfectly into the overall design.

Element

Here, users can customize the visual aspects of the element. This includes options for colors, fonts, sizes, borders, backgrounds and many more. This section is crucial for ensuring that the element not only serves its function but also aligns with the aesthetic and branding of the content or project.

Before adjusting any settings in the Element tab, set up branding guidelines for your courses.

Data

This tab contains settings that are accessible in content mode. Here we can work with the element data: change image or video, switch text types, add chart items and etc.

"Grid" tab"Element" tab"Data" tab