Editing Panels / Popups

An overview of some of the panels available and how to access.

Style Editor

Allows the styling of individual elements within a snippet block.

How to Open

Click the RED COG Icon found in the row of icons at the top of the active snippet block.

Keyboard Shortcut

Click into the page and press CTRL + ALT + Y

Link Properties
(Style Editor Tab)

Allows the linking of text and images to different web pages.

How to Open

Highlight some text and click the CHAIN ICON in the text toolbar at the top of the editor.

Click the EDIT LINK shown when hovering over linked text.

Image Properties(Style Editor Tab)

Allows the styling of individual elements within a snippet block.

How to Open

Click the RED COG Icon found in the row of icons at the top of the active snippet block.

Keyboard Shortcut

Click into the page and press CTRL + ALT + Y

Image Sizing

Allows the positioning of an image inside a viewable area, with preset size or custom options.

How to Open

Click the ORANGE CROP Icon that appears when hovering over an image

Colours Editor

Allows the application of background colour to rows, columns and inner containers within a snippet block, along with text colours.

How to Open

Click the BLUE PALETTE Icon found in the row of icons at the top of the active snippet block.

Animation Effects Panel

Applies animations to snippet elements

How to Open

Highlight some text and click the CHAIN ICON in the text toolbar at the top of the editor.

Click into the page and press CTRL + ALT + P

Image Wizard

Allows the uploading of a new image, replacing an image from the media library and cropping / sizing options.

How to Open

Click the BLUE CAMERA Icon that appears when hovering over an image.


Properties Panel

Sits at the bottom of the editor providing information on the current active element. You can also change certain values in the panel.

How to Open  / Keyboard Shortcut

Click into the page and press CTRL + ALT + P


Table Editor

Used for formatting table elements

How to Open

Click the YELLOW COG Icon found in the top right when clicking into the snippet block.

Icon Editor

Used for styling / changing / resizing icons

How to Open

Hover over the relevant icon and click the blue settings cog that appears.

Mobile Editor

Applies mobile-only styling to page content.

How to Open

Change the Editor Size dropdown to MOBILE.

Click the MOBILE icon that appears top-right in contentbox mode.

Press CTRL + ALT + M once clicked into the page.

Click the MOBILE icon found to the right on the Properties popup window.