The Property Panel contains and allows you to edit all available properties for the Page, Block, Containers, and Elements. When active and on hover, the Group Headings are emphasized by being darker.

property-panel-reworked.gif

Buttons

On the Property Panel, some critical operations are presented as Buttons. For example, you can use the Reset Responsive and Delete Block buttons for the selected Block.

property-panel-button.png

Sections

The Property Panel section reflects a particular property of the selected Element.

property-panel-sections.png

Properties

You can fine-tune Containers and Elements with the Properties, which cover all supported values and options.

Positioning

The Positioning property for Elements shows the main coordinates.

positioning.png

You can set the additional values in the Options if needed.

positioning-options.png

Shape Styles

You can use the Shape Styles presented more compactly.

shape-styles.gif

Background Fill

The Background Fill allows you to add and remove the Fill easily.

background.gif

Gradient Color Opacity

You can set the Opacity for the Gradient Colors, making applying the Transparent Gradient easier.

gradient-color-opacity.png

Border

Similarly, you can add and modify the Border Property more intuitively.

border.gif

Transparency

The same approach is applied to the Transparency Property.

transparency.gif

Shadow

Also, you can apply the Shadow Property.

shadow.png

Icon Styles and Preview

You can use the Styles for the Icon Element and see its Preview.

icon-styles-preview.png

Scroll Top

While working on smaller laptop screens, Properties may be scrolled out of the screen. Use the Scroll Arrow to scroll the Panel up.

pw-scroll-arrow.png

The Property Panel contains and allows you to edit all available properties for the Page, Block, Containers, and Elements. When active and on hover, the Group Headings are emphasized by being darker. !property-panel-reworked.gif! ## Buttons On the Property Panel, some critical operations are presented as Buttons. For example, you can use the [Reset Responsive](page:36215) and [Delete Block](page:304362) buttons for the selected Block. !property-panel-button.png! ## Sections The Property Panel section reflects a particular property of the selected Element. !property-panel-sections.png! ## Properties You can fine-tune Containers and Elements with the Properties, which cover all supported values and options. ### Positioning The Positioning property for Elements shows the main coordinates. !positioning.png! You can set the additional values in the Options if needed. !positioning-options.png! ### Shape Styles You can use the Shape Styles presented more compactly. !shape-styles.gif! ### Background Fill The Background Fill allows you to add and remove the Fill easily. !background.gif! ## Gradient Color Opacity You can set the Opacity for the Gradient Colors, making applying the Transparent Gradient easier. !gradient-color-opacity.png! ### Border Similarly, you can add and modify the Border Property more intuitively. !border.gif! ### Transparency The same approach is applied to the Transparency Property. !transparency.gif! ### Shadow Also, you can apply the Shadow Property. !shadow.png! ## Icon Styles and Preview You can use the Styles for the Icon Element and see its Preview. !icon-styles-preview.png! ## Scroll Top While working on smaller laptop screens, Properties may be scrolled out of the screen. Use the Scroll Arrow to scroll the Panel up. !pw-scroll-arrow.png! ##