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.