Toolbar

The toolbar allows you to edit various properties(Text, Image, Color, etc.) of the selected element.

Edit Text

You can edit the text of any element by either

• Double click on the element and then edit the text

• Click on an element that you wish to edit and then select the Edit option

Hotkey to enable Edit option: Click on E

Guides

It allows you to verify the alignments and measure the distances between two elements. To check the alignments select the Guide option and move the mouse cursor on an element for which you wish to see the alignments

To check the measurements

• Click on an element from which you wish to see the measurement

• Select the Guide option

• Move the mouse cursor on any element then you can see the measurement wrt the clicked element

Hotkey to enable Guide option: Click on G

Margin

It allows you to add(increase) or subtract(reduce) outer space from any or all sides of the selected element. To edit the margin

• Click on an element for which you wish to edit the margin

• Select the Margin option

• To add the margin just Click on the Left, Right, Bottom & Top arrow keys to add the margin respectively. For example, if you click on the Left arrow key then the margin will be increased at the left side of an element

• To subtract the margin press Alt and click on the Left, Right, Bottom & Top arrow keys to subtract the margin respectively. For example, if you click on the Top arrow key then the margin will be reduced from the top of an element

Hotkey to enable Margin option: Click on M

Padding

It allows you to add(increase) or subtract(reduce) inner space from any or all sides of the selected element. To edit the padding

• Click on an element for which you wish to edit the padding

• Select the Padding option

• To add the padding just click on the Left, Right, Down & Up arrow keys to add the padding respectively. For example, if you click on the Left arrow key then the padding will be increased at the left side of an element

• To subtract the padding press Alt and click on the Left, Right, Down & Up arrow keys to subtract the padding respectively. For example, if you click on the Top arrow key then the padding will be reduced from the top of an element

Hotkey to enable Padding option: Click on P

Font Styles

This option allows you to edit the various font styles. To edit the font size

• Click on an element for which you wish to increase or decrease the font size

• Select the Font option

• Click on the Up arrow button to increase the font size

• Click on the Down arrow button to decrease the font size

To change the font alignment

• Click on an element for which you wish to change the alignment

• Select the Font option

• Click on the Left arrow button to make the font left aligned

• Click on the Right arrow button to make the font right-aligned

To change the line space

• Click on an element for which you wish to change the line spacing

• Select the Font option

• Press Shift and click on the Up arrow button to increase the line spacing

• Press Shift and click on the Bottom arrow button to decrease the line spacing

To change the letter space

• Click on an element for which you wish to change the letter spacing

• Select the Font option

• Press Shift and click on the Left arrow button to decrease the letter spacing

• Press Shift and click on the Right arrow button to increase the letter spacing

To change the font-weight(Boldness)

• Click on an element for which you wish to change the font-weight

• Select the Font option

• Press Ctrl and click on the Up arrow button to increase the font-weight

• Press Ctrl and click on the Bottom arrow button to decrease the font-weight

Hotkey to enable Font Styles option: Click on F