Each existing and newly created content pane can be edited, moved, styled, and removed from the "custom this page" interface. Content pane regions can also be styled with some built-in styles.

To get started visit a page you would like to customize and click “customize this page” at the bottom of the screen. Each pane will have a toolbar at the top (seen below).

Keep in mind that you need to save the entire page when done making any edits described below. 

Editing

If you want to edit a content pane, click the gear icon in the toolbar. This will bring up the settings for the content pane including the wysiwyg editor in pane types that support it.

Style Plugin

By clicking on the paintbrush icon in the content pane toolbar you can apply built-in styles that will be applied to entire pane.

•  Click the paintbrush icon
  
  
  
  
• Click the Kalacustomize radio button
  
  
  
  
• Click the Next button

A screen is displayed with options for hiding the pane on certain devices and applying some basic styles.

Hide this pane on the following devices

Check multiple to hide on a range of screen sizes

• Phone
• Tablet
• Desktop
• Large Desktop

Styles

Float Left - float content to the left

Float Right - float content to the right

Clearfix - Clears floating content

Jumbotron - Wraps content in a gray box and styles content inside (see examples below)

Before

After

Well - Wraps content in a gray box and styles content inside (see examples below).
Before

After

Section Links - used to style sidebar navigation & link
Before

After

Configure CSS

Probably should leave this out. There aren't really general use cases for this

In OpenHSU you are able to add css classes and ids to panes. The css needs to exist in the theme for it to have an effect. A list of available classes and examples of what they do is below.

In order to apply a class to a pane click the css icon in the toolbar

Remove Panes

Simply click the trash can icon on the pane toolbar of the pane you would like to delete.

Moving Panes

If you want to move a pane to a different spot within a region or into another region click, hold on on the toolbar and drag to the desired location. Release when you see a yellow highlight in the area you want the pane live.