Browse documentation

Editing Your Website with the Grigora Site Editor

Use the Grigora Site Editor to add blocks, arrange pages, adjust typography, and publish your website. This guide explains the editor's main controls.

1. Access the Site Editor:

Log in to your Grigora dashboard.

Your Sites page with a website's Open control indicated.

Open the website you want to edit.

Edit Site button indicated on the website dashboard.

Click on the "Site Editor" card in the top right corner of your dashboard.

2. Understanding the Site Editor:

Grigora site editor showing the website canvas and editing toolbar.

The Site Editor is based on a block system. Each block represents a specific element on your website, such as text, images, containers, Inner Sections, and more.

By arranging and customizing these blocks, you can create the desired layout and design for your website.

3. Editing Blocks:

Selected website block with its settings panel highlighted.

Click on any block you want to edit. This will open the settings panel on the right-hand side.

Use the settings panel to modify the block's properties, such as content, style, size, and position.

4. Adding Elements:

Elements library open beside the website canvas.

Click on the "Elements" button in the left-hand side navigation panel.

Choose the specific element you want to add (e.g., text, image, container).

Drag and drop the element into the desired location on your website.

5. Designing Custom Pages:

Pages panel showing website pages and the Add Page button.

Go to the "Pages" section to create and design custom pages for your website.

You can use the same blocks and editing tools to design these pages.

8. Customizing Typography:

Theme panel showing global colors and typography styles.

Visit the "Typography" section to define your website's body font, heading font, site colors and other typography settings.

Global body typography settings open in the Theme panel.

9. Changing Project Settings:

Project Settings dialog with the website name field.

In the Settings section, you can update your project name and customize its favicon.

10. Publishing:

Responsive preview controls highlighted before publishing the website.

Use the top bar to switch between desktop, tablet, and mobile previews to ensure your website looks great on different devices.

Once you're satisfied with your changes, click the "Publish" button in the top right corner to make your updates live.

By following these steps and exploring the Site Editor's features, you can create a visually appealing and functional website that meets your specific needs.


Help guide image