Fine-tune your custom design with the Quick Style WizardThe Quick Style Wizard When it comes to fully customizing your custom design theme, the Quick Style Wizard is the tool you need. The Quick Style Wizard allows you to target and design any part of your custom design, on any page. Difference between the Style Wizard and the Quick Style Wizard Whereas the Style Wizard in the previous article provide you with the tools to activate and customize the major and global elements of your custom website design, the Quick Style Wizard is all about detail design and style of highly targeted content. To activate new themes, install fonts, and so on, you need to use the Style Wizard. For everything else, use the Quick Style Wizard. Launching the Quick Style Wizard Launch from the Shortcuts Menu The Quick Style Wizard can be launched from the Shortcuts Menu, which will create Targeting Selectors for all the content on the webpage, which may be a performance issue for webpages with a lot of content. Launch from the Content Flyout Menu Most of the time, you want to launch it from the Content Flyout Menu of the content you want to design by selecting the sW option, so you only have Targeting Selectors for just the content you care about. Using it is the same, you Target and Select content in the Targeting Screen, and switch over to the Styling Screen to make design and style changes. With the Quick Style Wizard open, you can now target the content you want to style simply by clicking on the Selector button in the Targeting Screen: To make design and style changes, simply switch to the Styling Screen. Switching between the Targeting and Styling Screens Switching between the Targeting and Styling screens of the Quick Style Wizard is easy. On the Targeting screen, move your mouse over the gray column on the right side of the Quick Style Wizard to switch to the Styling Screen. On the Styling screen, move your mouse over the gray column on the left side of the Quick Style Wizard to switch to the Targeting Screen. Changing Design and Style Settings On the Styling Screen, you can easily change: - Display - content box display type
- Text - font size, line-height, font, font-weight, style, decoration, transformation, alignment
- 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
Watch & Learn with Video Tutorials |