---
title: "Editor side panel: settings"
description: "The right-hand side panel is contextual: its content adapts to the element, section or page you select on the canvas."
url: https://docs.vivlab.com/en/editor/menu/
---

# Side panel: Settings

The panel on the right shows the settings for whatever you select in the [editing area](https://docs.vivlab.com/en/editor/canvas.md). With nothing selected, it shows the [page settings](https://docs.vivlab.com/en/editor/menu/page.md). Click a section, the navigation bar, the footer or an element to see its settings instead. This is what “contextual panel” means: the options follow your selection.

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](https://docs.vivlab.com/en/editor/style/index.md) 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](https://docs.vivlab.com/en/editor/style/index.md) 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](https://docs.vivlab.com/en/editor/menu/page.md)                             |
| No selection in a pop-up                                    | [Pop-up](https://docs.vivlab.com/en/editor/menu/popup.md)                          |
| A section                                                   | [Section](https://docs.vivlab.com/en/editor/menu/section.md)                       |
| The navigation bar                                          | [Navigation bar](https://docs.vivlab.com/en/editor/menu/header.md)                 |
| The footer                                                  | [Footer](https://docs.vivlab.com/en/editor/menu/footer.md)                         |
| Multiple blocks (`Shift+click`)                             | [Multiple selection](https://docs.vivlab.com/en/editor/menu/block-multiple.md)     |
| Text                                                        | [Text](https://docs.vivlab.com/en/editor/menu/text.md)                             |
| Animated text                                               | [Animated text](https://docs.vivlab.com/en/editor/menu/text-animated.md)           |
| Countdown                                                   | [Countdown](https://docs.vivlab.com/en/editor/menu/countdown.md)                   |
| Image                                                       | [Image](https://docs.vivlab.com/en/editor/menu/image.md)                           |
| Site logo                                                   | [Site logo](https://docs.vivlab.com/en/editor/menu/image-logo.md)                  |
| Parallax image                                              | [Parallax image](https://docs.vivlab.com/en/editor/menu/image-parallax.md)         |
| Before/after image                                          | [Before/after image](https://docs.vivlab.com/en/editor/menu/image-before-after.md) |
| Gallery                                                     | [Gallery](https://docs.vivlab.com/en/editor/menu/gallery.md)                       |
| Video                                                       | [Video](https://docs.vivlab.com/en/editor/menu/video.md)                           |
| Button                                                      | [Button](https://docs.vivlab.com/en/editor/menu/button.md)                         |
| Button action (cart, search, mobile menu, customer account) | [Button action](https://docs.vivlab.com/en/editor/menu/button-action.md)           |
| Language menu                                               | [Language menu](https://docs.vivlab.com/en/editor/menu/button-intl.md)             |
| Announcement bar                                            | [Announcement bar](https://docs.vivlab.com/en/editor/menu/banner.md)               |
| Shape                                                       | [Shape](https://docs.vivlab.com/en/editor/menu/block.md)                           |
| Social media                                                | [Social media](https://docs.vivlab.com/en/editor/menu/icon-group.md)               |
| Dropdown menu                                               | [Dropdown menu](https://docs.vivlab.com/en/editor/menu/menu.md)                    |
| Navigation links list                                       | [Navigation](https://docs.vivlab.com/en/editor/menu/navigation.md)                 |
| Search bar                                                  | [Search bar](https://docs.vivlab.com/en/editor/menu/searchbar.md)                  |
| Carousel                                                    | [Carousel](https://docs.vivlab.com/en/editor/menu/swiper.md)                       |
| Form                                                        | [Form](https://docs.vivlab.com/en/editor/menu/form.md)                             |
| FAQ                                                         | [FAQ](https://docs.vivlab.com/en/editor/menu/faq.md)                               |
| Iframe                                                      | [Iframe](https://docs.vivlab.com/en/editor/menu/iframe.md)                         |
| HTML code                                                   | [HTML code](https://docs.vivlab.com/en/editor/menu/html.md)                        |
| Product for sale                                            | [Product for sale](https://docs.vivlab.com/en/editor/menu/product.md)              |
| Product catalog                                             | [Product catalog](https://docs.vivlab.com/en/editor/menu/product-catalog.md)       |

The **[Add an element](https://docs.vivlab.com/en/editor/menu/add-element.md)** panel opens from the **Element** button of the [top bar](https://docs.vivlab.com/en/editor/toolbar.md).