Side panel: Settings
The side panel on the right of the editor is contextual: its content automatically changes based on what you've selected on the canvas. As long as nothing is selected, it shows the page settings. Click on a section, on the navigation bar, on the footer or on an element, and it switches to the matching settings.
This is where you configure everything that can't be set by drag and drop on the canvas: the content of a text, the link of a button, the image of a logo, the options of a form, the scrolling of a carousel… For purely visual formatting (colors, borders, margins, shadows, animations), see the style panel that appears at the bottom of the side panel.
Settings common to every element
Whatever the selected type, you'll find at the bottom of the panel the style panel settings. The list of sections present depends on the type of element (a text has no image filter, a graphic block has no typographic settings…).
Settings by context
| Selection on the canvas | Doc page |
|---|---|
| No selection (click on empty area) | Page |
| A section | Section |
| The navigation bar | Navigation bar |
| The footer | Footer |
Multiple blocks (Shift+click) | Multiple selection |
| Text | Text |
| Animated text | Animated text |
| Image | Image |
| Site logo | Site logo |
| Parallax image | Parallax image |
| Before/after image | Before/after image |
| Gallery | Gallery |
| Video | Video |
| Button | Button |
| Button action (cart, search, mobile menu) | Button action |
| Language menu | Language menu |
| Announcement bar | Announcement bar |
| Shape | Shape |
| Social icons | Social icons |
| Dropdown menu | Dropdown menu |
| Navigation links list | Navigation |
| Search bar | Search bar |
| Carousel | Carousel |
| Form | Form |
| Iframe | Iframe |
| HTML code | HTML code |
| Product on sale | Product on sale |
The Add an element panel opens from the Element button of the top bar.