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.
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.
Sections
The Property Panel section reflects a particular property of the selected Element.
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.
You can set the additional values in the Options if needed.
Shape Styles
You can use the Shape Styles presented more compactly.
Background Fill
The Background Fill allows you to add and remove the Fill easily.
Gradient Color Opacity
You can set the Opacity for the Gradient Colors, making applying the Transparent Gradient easier.
Border
Similarly, you can add and modify the Border Property more intuitively.
Transparency
The same approach is applied to the Transparency Property.
Shadow
Also, you can apply the Shadow Property.
Icon Styles and Preview
You can use the Styles for the Icon Element and see its Preview.
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!
##