1 Click Pages in the dashboard to access your pages list. 2 Click the Edit page input next to the page you want to customize. 3 Click Edit with Page Editor to open the visual page builder. 4 Within the Page Editor, click on any element (e.g., heading, text, image, layout block) to select it. […]
How do I add and style different heading levels on my page?
1 In the Page Editor, click Heading in the toolbar or elements panel, then drag it into the desired container on your page (e.g., inside a row, column, or section). 2 On the stage, click inside the heading text input area and type the text you want to display as your heading. 3 Open the […]
What is a Text Block, and when should I use it instead of a Heading?
1 In the Elements panel, click Text Block, then drag and drop it into the container where you want to place regular text. A Text Block is meant for normal content such as paragraphs, notes, or explanations — not for structural titles. 2 Click inside the placeholder and type your content. Use a Text Block […]
How do I use Rich Text, and how can I style parts of it separately?
1 In the Elements panel, select Rich Text — this element is for creating flexible text content where you can apply different inline styles within the same block. Drag and drop the Rich Text block into the section, row, or column where you want to display formatted text. 2 Click Edit Content to activate the […]
How do I use a Box to group elements together and control its padding?
1 Drag the Box element into the page area where you want to group content. 2 In the settings panel, open Color to set a background: – Click on the color swatch inside Background Color. – Use the color picker or move the sliders to adjust hue, saturation, and brightness. 3 You can also use […]
What is a Grid, and in what cases should I use it to arrange elements on my page?
1 In the Elements panel, click Grid and drag it into your section. – A Grid divides the page into rows and columns, giving flexible two-dimensional control. – Ideal for product listings, galleries, or dashboards that need a clear structure. 2 In the settings panel, set the number of Columns to split the space vertically […]
When should I use Flexible Grid instead of a normal grid, and can it automatically adjust for mobile view?
1 Click and drag Flexible Grid from the Elements panel into your page. A Flexible Grid is different from a normal Grid because it allows you to define separate layouts for Desktop, Tablet, and Mobile, and it automatically adjusts your design across different screen sizes. 2 You can adjust the number of Columns and Gap […]
How do I use a Container to keep my content aligned consistently?
1 In the Elements panel, click Container and drag it onto your page. – The Container keeps content neatly inside a standard frame, preventing it from spilling over to the screen edges. – It centers and aligns elements consistently across Desktop, Tablet, and Mobile, ensuring a uniform layout. – This makes the overall page design […]
How can I use Space to control spacing between elements?
1 In the Elements panel, click Space and drag it into your page — the Space element is a simple way to insert blank areas between items, so you don’t have to adjust margins manually. 2 Select the Space and adjust its height to control exactly how much room appears between elements, keeping your layout […]
How do I add a Button that links to a course or page and customize it?
1 Click Pages in the dashboard to access your pages list. 2 Click the Edit page input next to the page you want to customize, (e.g., Home page). 3 Click Edit with Page Editor to open the visual page builder. 4 To add a button, go to the left menu bar, click and hold the […]