Table of Contents
- Style Tool Bar
- Style Element
- Style Element Properties
- Select Element Tool
- Device Selector
- Show Hide Styles
- Move Top / Bottom
- Manual Add Style
Style Tool Bar
This area houses all tools included to edit the Master Style. Use this tool bar to interact and edit the Master Deck on the right side of the screen.
Each style element is an item in the master deck which changes can be applied to. Depending on the Element selected different properties will be available to edit.
Single Click to select a Style Element (multiple can be selected)
Double Click to enter a Style Element
Click and Drag on the Left 3 bar icon to organize (CSS cascading will be followed)
Hide Style Element Temporarily via the Eye
Edit a Style Element Title and Selector by via the Ellipses
Style Element Properties
Entering a style element will show the default properties available to edit. For example the Main Menu Logo Style Element will have a Background image to modify.
Change and edit these properties to create a customized Master Deck.
Show / Hide Style Elements
This tool allows to hide or show all Style Elements. Hiding all will show the default Styling of the Master Deck.
Move Top / Move Bottom
These Buttons will move selected Style Elements to the top or bottom of the list.
Select Element Tool
Use the Select Element tool to select filter and add Style Elements.
Filter through existing Styles
Add New Style Element via Selecting
Selection tip: Hit Esc key to exit select mode quickly
This drop down will change the display type of the Master Deck. While in a different device type other than Desktop, Property changes will only be specified for the device selected. Example, if mobile is selected changing the font size of the Paragraph Text will only change it for mobile device view sizes.
Use this search bar to search for Style Elements or for CSS Selectors.
This method will require knowledge of CSS. Use this option to add a Style Element more specific than the Style Selector will allow for.