Using Style Wizard in the Monkey Business Editor Learn how to use the Style Wizard in the Monkey Business Editor to create, design and style professional grade content for your webpages and website. Your User Guide to Monkey Business from AJIBOYE Monkey Business Agency. Learn how to use Monkey Business Management System to build your business FAST.

Using Style Wizard in the Monkey Business Editor

Published on Thu, Feb 18 2016 by Adebola Oyewumi
The Editor Style Wizard
The editor's Style Wizard is the most powerful tool for working with content in the editor. With the Style Wizard, you can perform precise content editing operations, style and design content to perfection, and do it all in seconds.
Launching the Style Wizard
To open the Style Wizard, in the editor, simply click the Style Wizard toolbar icon, or use the keyboard shortcut ( ALT-W ).
Style Wizard Toolbar Icon in the Monkey Business Editor
The Style Wizard User Interface
The Style Wizard is divided into 3 main sections:
The main sections of the Monkey Business Editor's Style Wizard
The Targeting Screen
The Targeting Screen displays Selectors for the elements in your composition.
Each Selector represents an element, and provide you a way to Select & Target it, so you can design and style it. This is particularly useful for elements that are otherwise invisible on the screen.
Click anywhere in the editor and the Targeting Screen will be updated with selectors for the elements in that location in your composition.
Moving your mouse over the selectors will display a Target Preview Outline for the content the selector represents.
Click any of the selectors here to select, and target it for Styling or Editing. Selected content are encased within the Target Selection Outline.
Style Wizard Targeting Outlines in the Monkey Business Editor
The Actions Screen
Once you make a selection, the controls here allow you to perform precise Editing operations, such as copy, paste, delete, and creating new content containers, before or after selected content in the editor.
Move your mouse slowly over the controls here and a helpful description of the tool will be displayed.
Style Wizard Actions Screen Tools in the Monkey Business Editor
Style Wizard Actions can be performed across multiple editors, browsers windows / tabs. So for example, you can copy content from one editor on one page, and paste it in another editor, on another page.
The Styling Screen
Once you make a  selection, the controls here allow you to design and style, quickly and precisely. You can use our Style Presets or dial in your own Custom Styles.
Using Style Presets
Use Style Presets for quick design and styling operations. We have a wide range of Presets for everything from Texts to Animations. Simply select a Preset Group, and click any preset to apply it to the selection. Click again to undo.
Preset Style Wizard Options in the Monkey Business Editor
Using Custom Styles
Switch to the Custom settings screen to make precise custom style changes.
Custom Style Wizard Options in the Monkey Business Editor
With Custom Styles, you can easily change
  • Text - font size and line-height
  • Colors - text and background color
  • Background - image
  • Dimensions - width and height
  • Paddings - left, right, top, and bottom
  • Margins - left, right, top and bottom
  • Borders - size, style and color
  • Outlines - size, style and colors
  • Shadows - for text and box containers
  • Classes - add new dynamic style classes on the fly..
For more information, review Style & Design Fundamentals.
Watch & Learn

Discuss & Comment

Comment Type
Share this Page
$ 7.95 domain name registration.
Build your complete web solution: Brand, Website, Business.
Monkey Business Agency - Our business is building your business.