The Designer is simply a graphical way to make CSS changes to a Role (also a CSS class) and watch those changes be applied at the same time. The Designer is grouped into six panes, each containing similar properties, all translating into CSS styles. Click the links below to learn more about the properties contained within each pane.
Background Pane — Modify the color and image of the background.
Border Pane — Modify all borders at once, or each individually.
Font Pane — Chose one or many fonts as well as color, size, and other font properties.
Margin Pane — Edit each of the four margins.
Padding Pane — Change the amount of padding on each side.
Other Pane — Modify other various properties such as the cursor and alignment.