Site Editor: Editing Toolbar
Detailed instructions and explanations behind all the icons in the Site Editor Editing Toolbar
Editing Toolbar
CLICK ON A TOOL IN THE "TOOLBAR" ABOVE TO BE DIRECTED TO AN EXPLANATION OF THAT TOOL BELOW.Source | The Source button allows you to view and edit the source code for the page. Source code editing is an advanced feature and its use should be limited to users with knowledge of HTML. The default view of the source code features "syntax highlighting," which displays the code in different colors according to the types of tags and attributes being used. This is to make the code structure visually distinct for ease of editing, and does not affect the look of the content itself. For a less sophisticated source code text editor option, you may click the link at the top left of the window to disable the syntax highlighting. return to top
Cut

- Select the text you wish to cut from the page, and click the Cut button. You may also use your mouse or keyboard shortcut to do this (Some browsers will not allow the use of this tool, and you will have to use your mouse or keyboard shortcut.)
return to top
Copy

- Select the text you wish to copy from the page, and click the Copy button. You may also use your mouse or keyboard shortcut to do this (Some browsers will not allow the use of this tool, and you will have to use your mouse or keyboard shortcut).
return to top
Paste

- To paste a text fragment, start with cutting it or copying from another source, and click the Paste button. You may also use your mouse or keyboard shortcut to do this (Some browsers will not allow the use of this tool, and you will have to use your mouse or keyboard shortcut).
return to top
Paste from Word

To paste text from a Word document, start with cutting it or copying from the document, and click the Paste button. You may also use your mouse or keyboard shortcut to do this (Some browsers will not allow the use of this tool, and you will have to use your mouse or keyboard shortcut). This will keep your text formatting, but will render the corresponding code to HMTL/CSS rather than Microsoft formatting (which can interfere with HTML/CSS code used on your site).
return to top
Find

Use this tool to find a word or phrase on your page. After you enter the search term in the dialog window, press the Find button and the first occurrence of the term in the text will be highlighted, starting from the current position of the cursor in text and going down. If you want to jump to the next occurrence of the term in the text, press the Find button again.
return to top
Replace

Use this tool to find a word or phrase on your page and replace it with another. After you enter the search term as well as the replace term in the dialog window, press the Replace button. The first occurrence of the term in the text will be highlighted, starting from the current position of the cursor in text and going down. If you want to replace the highlighted term, click the Replace button again. Then click the Replace button yet again to jump to the next occurrence of the term in the text. You can also replace all occurrences of the search term on the page by pressing the Replace All button.
return to top
Remove Format

Select the text and press the Remove Format button. All text styling will be removed and the text will be displayed in the default font. This tool will not remove a heading style from text, just other styles used in the editor, such as bold, italics, color, etc.
return to top
Bold

To type in bold (i.e. using thicker letters), press the Bold button. This style can be applied to any portion of text by highlighting the portion you wish to make bold and then pressing the Bold button.
return to top
Italic

- To type in italics (i.e. using slanted letters), press the Italic button. This style can be applied to any portion of text by highlighting the portion you wish to italicize and then pressing the Italic button.
return to top
Strike Through

To strike the text through (i.e. draw a horizontal line through the letters), press the Strike Through button. Note: the strike through style will also be applied to all white space of the selected fragment. This style can be applied to any portion of text by highlighting the portion you wish to strike through and then pressing the Strike Through button.
return to top
Subscript

Subscript is a character that is slightly smaller than the text that surrounds it and is set below the baseline. Highlight the portion of text and press the Subscript button. To remove the formatting, highlight the text and press the button again.
return to top
Superscript

Superscript is a character that is slightly smaller than the text that surrounds it and is set above the baseline. Highlight the portion of text and press the Superscript button. To remove the formatting, highlight the text and press the button again.
return to top
Insert/Remove Numbered List

To create a numbered list, press the Insert/Remove Numbered List button on the toolbar. A default numbered list marker will appear at the beginning of the line of text that contains the cursor and the line will become indented. If you want to add further list items, press Enter/Return on your keyboard. The cursor will move to the next line with a list marker placed at its beginning.
The list is continued automatically as long as you press Enter/Return at the end of a line. If you want to suppress list creation, press Enter/Return in an empty line with a list marker or click the Insert/Remove Numbered List button again. The cursor will then move to the next, unindented paragraph.
Another method of adding a numbered list is to select one or more paragraphs and press the Insert/Remove Numbered List button on the toolbar. Each paragraph will then become a separate list item.
Numbered List Properties
return to top
You can customize the appearance of the numbered list, its starting value, and the list marker by right-clicking on a list item, and choosing the Numbered List Properties menu option from the dialog window.
Nesting Numbered Lists
To create a nested numbered list, use the Increase Indent tool. Place the cursor in the line that should start the nested list and press the Increase Indent button on the toolbar. The list item will become indented and the next item added to the list will have the same indentation as the previous one, thus becoming a part of the nested list.
To end a nested list and return to the previous indentation level, use the Decrease Indent tool. Place the cursor in the line that should be a continuation of the previous list, and press the Decrease Indent button on the toolbar. The indentation of the list item will decrease and the list marker will change back to the marker for a list of a higher level.
Insert/Remove Bulleted List

To create a bulleted list, press the Insert/Remove Bulleted List button on the toolbar. A default list marker will appear at the beginning of the line of text that contains the cursor and the line will become indented. If you want to add further list items, press Enter/Return on your keyboard. The cursor will move to the next line with a list marker placed at its beginning.
The list is continued automatically as long as you press Enter/Return at the end of a line. If you want to suppress list creation, press Enter/Return in an empty line with a list marker or click the Insert/Remove Bulleted List button again. The cursor will then move to the next, unindented paragraph.
Another method of adding a bulleted list is to select one or more paragraphs and press the Insert/Remove Bulleted List button on the toolbar. Each paragraph will then become a separate list item.Bulleted List Properties
return to top
You can customize the appearance of the bulleted list and the list marker by right-clicking on a list item, and choosing the Bulleted List Properties menu option from the dialog window.
Nesting Bulleted Lists
To create a nested bulleted list, use the Increase Indent tool. Place the cursor in the line that should start the nested list and press the Increase Indent button on the toolbar. The list item will become indented and the next item added to the list will have the same indentation as the previous one, thus becoming a part of the nested list.
To end a nested list and return to the previous indentation level, use the Decrease Indent tool. Place the cursor in the line that should be a continuation of the previous list, and press the Decrease Indent button on the toolbar. The indentation of the list item will decrease and the list marker will change back to the marker for a list of a higher level.
Decrease Indent

To decrease the indentation of an element, highlight and press the Decrease Indent button. The indentation will decrease by one length. To decrease further, press the Decrease Indent button as many times as needed. The default indent length is 40px. This can be adjusted in the source code by changing the number.
return to top
Increase Indent

To increase the indentation of an element, highlight and press the Increase Indent button. The indentation will increase by one length. To increase further, press the Increase Indent button as many times as needed. The default indent length is 40px. This can be adjusted in the source code by changing the number.
return to top
Left Justify

When you align your text left, the paragraph is aligned with the left margin and the text is ragged on the right side. This is the default text alignment setting. To align the text left, highlight and press the Left Justify button.
return to top
Center Justify

When you center your text, the paragraph is aligned symmetrically along the vertical axis and the text is ragged on the both sides. To center the text left, highlight and press the Center Justify button.
return to top
Right Justify

When you align your text right, the paragraph is aligned with the right margin and the text is ragged on the left side. This is the default text alignment setting. To align the text right, highlight and press the Right Justify button.
return to top
Block Justify

When you justify your text, the paragraph is aligned with both left and right margin; the text is not ragged on any side. The text will stretch from one side to the other and there will be no space left on either of the sides with additional spacing applied between letters or words. To justify the text, highlight and press the Block Justify button.
return to top
Insert/Edit Link

This tool allows you to add clickable hyperlinks to your page. To insert a link, highlight your text and press the Insert/Edit Link button. The Link dialog window that will open lets you choose the link type and configuration options pertaining to your choice. Link types:
- A URL link is the default link type that lets you add a website address to your page. It is also used to link a document, such as a PDF file or image, to your page.
- An Anchor link is used to take consumers to specific location set on the same page (or on another page of the website).
- An Email link allows consumers to send emails directly from the site.
Highlight your text and press the Insert/Edit Link button. For this sort of link all four tabs of the Link dialog window are available:
Link Info
The Link Info tab is the default tab that opens after you press the Insert/Edit Link button. It allows you to choose the link type as well as set the link protocol and URL. Enter your link and hit "OK" to save.
To link to a PDF or a JPG file that you have uploaded, click Browse Server to locate the file. To browse for a file that you have not yet uploaded to the server and that lives on your personal computer, click Add a File at the top of the server listing. In the Add New Filedialog box, click Browse to search for the file on your personal computer. To upload the file, click Upload File. Once your file has been uploaded to the server, you can then link the file by clicking on the document.
WARNING! Files that you wish to add should not have special characters in their names. File names must only have underscores and spaces as separators for words or the file will not appear for use and will be corrupted. No apostrophes, number signs, slashes or question marks should be used in naming files.
Target
The Target tab is only available for the URL link type. It specifies the location where the link will open after you click it. By default the target of the URL is not set and the link will open in the same browser window or tab as the document.
This tab contains only one element: a drop-down Target list that lets you choose the location where the link will open. The list contains the following options:-
? the default setting that opens the link in the same browser window or tab as the document. - ? the setting that opens the link in the frame specified in the Target Frame Name text box. The text box is only visible after you choose as the target.
-
? the setting that opens the link in the pop-up window specified in the Popup Window Name text box. The text box is only visible after you choose as the target.
If you choose to open the link in a pop-up window, you may configure some further options that control the appearance of the pop-up. Note, however, that the users' browser settings might override these options and make the pop-up window appear in a standard new browser tab or window instead. - New Window (_blank) ? the setting that opens the link in a new window.
- Topmost Window (_top) ? the setting that opens the link in a window that is positioned on the top.
- Same Window (_self) ? the setting that opens the link in the same window as the document.
- Parent Window (_parent) ? the setting that opens the link in the window that the document window is nested in.
Upload
The Upload tab is only available for the URL link type, and is an additional way to send your own resources to the server. To upload a file, click the file input field or the Browse button next to it. When the file browser of your operating system opens, navigate to the appropriate folder and choose a file by double clicking it or using the Open button. To send the file to the server, click the Send it to the Server button. The Link Info tab will open and the URL of the uploaded file will automatically appear in the URL field.
Advanced
The Advanced tab lets you configure additional link options such as assigning it an ID, a class, a tab index, a tooltip, or CSS style properties. It is meant for advanced users with knowledge of HTML and CSS, and the fields here are directly connected to the coding of your website.
If you want to point to an anchor previously set in the document, select Link to anchor in the text from the Link Type drop-down list. When you choose this link type, two Link dialog window tabs will become available: the Link Info tab and the Advanced tab.
Please note that if you do not have any anchors defined on your page, a message telling you so will be displayed in the Link Info tab. When you add an anchor to your page, you will be able to select it from the drop-down lists of the Link Infotab.
To link to an anchor on a different page of your site, select the URL link type and enter the URL of the page with the anchor. Then append the URL with the pound/hash sign and the name of the anchor, ie: http://www.mysite.com/wines#anchorname
Advanced
The Advanced tab lets you configure additional link options such as assigning it an ID, a class, a tab index, a tool tip, or CSS style properties. It is meant for advanced users with knowledge of HTML and CSS, and the fields here are directly connected to the coding of your website.
3. Link Type: E-mail
Use this link type to insert clickable e-mail addresses to your documents and even add a subject and body of the e-mail message that will be created when you click the link. If you want to add a hyperlinked e-mail address to document, select E-mail from the Link Type drop-down list. When you choose this link type, two Linkdialog window tabs will become available: the Link Info tab and the Advancedtab.The Link Info tab contains the following fields that let you configure the recipient and the message content:
- E-Mail Address ? the address of the recipient of the e-mail message. This field is obligatory for the e-mail link to work.
- Message Subject ? the default text that will be pasted into the subject line of the e-mail message.
- Message Body ? the default text that will be pasted into the e-mail message as its content.
Advanced
return to top
The Advanced tab lets you configure additional link options such as assigning it an ID, a class, a tab index, a tooltip, or CSS style properties. It is meant for advanced users with knowledge of HTML and CSS, and the fields here are directly connected to the coding of your website.
Remove Link

Removing a link is just as easy as adding one. When the cursor is placed in a link, the Remove Link button on the toolbar becomes active. Pressing the button removes the link and leaves plain text.
return to top
Insert/Edit Anchor

To insert an anchor, press the Insert/Edit Anchor button. In order to create an anchor, enter its name in the Anchor Name text box. Once you click OK, the Anchor marker? icon will appear in the document. You can now create a link to your anchor with the Insert/Edit Link? button. Once it is ready, the link will take the reader of your document to the section marked with the anchor.
return to top
Removing an anchor is just as easy as adding one. When the cursor is placed in an anchor, right-click and choose the Remove Anchor command. This option removes the anchor from the document and leaves plain text.
Insert/Edit Image

To insert an image, press the Insert/Edit Image button. The Image Properties dialog window that will open lets you set configuration options that define image source, its size, display properties, or other advanced properties.
Image Info
The Image Properties dialog window includes four tabs that group image options:
The Image Info tab is the default tab that opens after you press the Image button on the toolbar. It allows you to set the image URL and configure the way it will appear in the document.
Below is an overview of all Image Info tab elements:-
URL ? the web address of the image. The image may be located on the same server as the web site you are currently in or on an external server. Enter the URL or choose a file.
-
To link to a JPG file that you have uploaded, click Browse Server to locate the file. To browse for a file that you have not yet uploaded to the server and that lives on your personal computer, click Add a Fileat the top of the server listing. In the Add New File dialog box, click Browse to search for the file on your personal computer. To upload the file, click Upload File. Once your file has been uploaded to the server, you can then link the file by clicking on the image.
-
Alternative Text ? a short textual description of the image that tells users with assistive devices (like screen readers) what the image is about.
-
Width ? the width of the image in pixels. By default this is the size of the original image. It is best practice to size your image before uploading it because some browsers pixelate an image that has been resized in the editor.
-
Height ? the height of the image in pixels. By default, this is the size of the original image. It is best practice to size your image before uploading it because some browsers pixelate an image that has been resized in the editor.
-
Border ? this particular tool no longer works with modern browsers.
-
HSpace ? the horizontal spacing (or margin) between the image border (if present) or the image itself and other document elements that surround the image, in pixels.
-
VSpace ? the vertical spacing (or margin) between the image border (if present) or the image itself and other document elements that surround the image, in pixels.
-
Align ? the alignment of the image in the document. Available options are Right and Left.
-
Preview ? a preliminary view of the selected image formatted according to the options chosen on the left.
Link
The Link tab lets you assign a link to an image inserted into the document, effectively converting the image into a clickable link. The link can point to any kind of object available in the Internet, like a simple URL address, a PDF document, or an online video.
Upload
The Upload tab is an additional way to send your own resources to the server. To upload an image file, click the file input field or the Browse button next to it. When the file browser of your operating system opens, navigate to an appropriate folder and choose a file by double clicking it or using the Open button. To send the file to the server, click the Send it to the Server button.
Advanced
The Advanced tab lets you configure additional link options such as assigning it an ID, a class, a tab index, a too ltip, or CSS style properties. It is meant for advanced users with knowledge of HTML and CSS, and the fields here are directly connected to the coding of your website.
To add a border to your image, in the style field, enter:border: 1px solid black;
You may replace the number with any pixel width you'd like, and you may replace the color black with any hex color code you choose.
return to top-
Insert/Edit Flash

To insert a Flash object, press the Insert/Edit Flash button on the toolbar. The Flash Properties dialog window that will open lets you set configuration options that define the Flash object source, its size, display properties, or other advanced properties.
The Flash Properties dialog window includes three tabs that group Flash object options:
General
The General tab is the default tab that opens after you press the Flash button on the toolbar. It allows you to set the URL of the Flash object and configure the way it will appear in the document.
Below is an overview of all General tab elements:-
URL ? the web address of the Flash object. The object may be located on the same server as the web site you are currently in or on an external server.
-
To link to a Flash file that you have uploaded, click Browse Server to locate the file. To browse for a file that you have not yet uploaded to the server and that lives on your personal computer, click Add a Fileat the top of the server listing. In the Add New File dialog box, click Browse to search for the file on your personal computer. To upload the file, click Upload File. Once your file has been uploaded to the server, you can then link the file by clicking on the image.
-
Width ? the width of the Flash object in pixels.
-
Height ? the height of the Flash object in pixels.
-
Preview ? a preliminary view of the selected Flash object formatted according to the options chosen above.
Upload
The Upload tab of the Flash Properties dialog window is an additional way to send your own Flash objects to the server. To upload a Flash file, click the file input field or the Browse button next to it. When the file browser of your operating system opens, navigate to an appropriate folder and choose a file by double clicking it or using the Open button. To send the file to the server, click the Send it to the Server button.
Advanced
The Advanced tab lets you configure additional Flash object options such as assign it an ID, a class, a tool tip, or CSS style properties. It is meant for advanced users with knowledge of HTML as well as CSS, and the fields here are directly connected to the coding of your website.-
Insert/Edit Component

Click the Insert/Edit Component button to add a form to your page. Please note, you must have already created your form in the eWinery Site Editor: Forms. Select your form from the Component Name drop-down menu inside the Component Properties dialog box. A line of yellow highlighted code will appear on the page, and this will translate to the form itself on the front end of your webpage. It is important to check your work after adding a form to a page since there is no preview in the site editor.
Since there is no way to specify the width of a form, it will automatically fill the space to which it has been added. If you'd like to constrict your form to a specific width, first create a table of that width, and then add your component to the inside of the table cell.
return to top
Although pods are also listed in the Component Name drop-down menu, this is not the way to add a pod to your page. For more information on pods, please visit eWinery Site Editor: Pods.
Insert/Edit Table

-
To create a table, press the Insert/Edit Table? button. The Table Properties dialog window that will open lets you set configuration options that define table size, its display properties, or other advanced properties.
Below is an overview of all Table Properties tab elements:- Rows ? the number of rows in the table (obligatory).
- Columns ? the number of columns in the table (obligatory).
- Width ? the width of the table in pixels or a percent value. Giving the width as a percent value lets you set the proportion of the editing area that the table will occupy.
- Height ? the height of the table in pixels. This is usually left blank because you want to allow your table to create its own height based on the information inside of it. You may alter the height of specific rows in the properties.
- Headers ? the drop-down list that formats certain table cells as headers, which applies special formatting to them. You can apply header formatting to First Row, First Column or Both.
- Border size ? the thickness of the table border in pixels.
- Alignment ? the alignment of the table on the page. The following options are available: Left, Center, Right. The default, or
option is left justified, but text will begin beneath it rather than wrapping around it. - Cell spacing ? the space between individual cells as well as cells and table borders, in pixels.
- Cell padding ? the space between the cell border and its contents, in pixels.
- Caption ? the label of the table that is displayed on top of it.
- Summary ? the summary of the table contents that is available for assistive devices like screen readers.
Editing Tables, Rows, Columns, and Cells
Once inserted into the page, the table can be modified. To edit the table, right click on it.
To delete the whole table and its contents, use the Delete Table option.
When you choose the Table Properties option, the dialog window of the same name will appear. It allows you to change the configuration options that were set when the table was created, except the number of rows and columns which are grayed out.
Editing Table Rows
After right-clicking on the table, hover your mouse over the Row menu option.
Below is an overview of all Row context menu option elements:-
Insert Row Before ? inserts a new row before the one that contains the cursor.
-
Insert Row After ? inserts a new row after the one that contains the cursor.
-
Delete Rows ? deletes a row that contains the cursor.
It is possible to select multiple table cells by dragging the mouse over them, so an operation like deletion may be applied to many table rows at once.
Editing Table Columns
After right-clicking on the table, hover your mouse over the Column menu option.
Below is an overview of all Column context menu option elements:-
Insert Column Before ? inserts a new column before the one that contains the cursor.
-
Insert Column After ? inserts a new column after the one that contains the cursor.
-
Delete Columns ? deletes a column that contains the cursor.
It is possible to select multiple table cells by dragging the mouse over them, so an operation like deletion may be applied to many table columns at once.
Editing Table Cells
After right-clicking on the table, hover your mouse over the Cell menu option.
Below is an overview of all Cell context menu option elements:-
Insert Cell Before ? inserts a new cell before the one that contains the cursor.
-
Insert Cell After ? inserts a new cell after the one that contains the cursor.
-
Delete Cells ? deletes a cell that contains the cursor.
-
Merge Cells ? merges multiple cells in one. This option is only available if two or more cells are selected.
-
Merge Right ? merges the selected cell with a cell on its right. The content of both cells becomes joined. This option is only available if no more than one cell is selected.
-
Merge Down ? merges the selected cell with a cell located on its bottom. The content of both cells becomes joined. This option is only available if no more than one cell is selected.
-
Split Cell Horizontally ? splits the selected cell in two, creating a new cell on its right. The content of the cell appears in the original, left cell. This option is only available if no more than one cell is selected.
-
Split Cell Vertically ? splits the selected cell in two, creating a new cell on its bottom. The content of the cell appears in the original, upper cell. This option is only available if no more than one cell is selected.
-
Cell Properties ? opens the Cell Properties dialog window that lets you configure cell size, type, color, and content alignment.
It is possible to select multiple table cells by dragging the mouse over them, so an operation like deletion or merging may be applied to many table rows at once.
Cell Properties
Table cells can be further customized, creating a unique look and feel. Various configuration options can be set in the Cell Properties dialog window that is opened from the table cell context menu.
Below is an overview of all Cell Properties dialog window elements:-
Width ? the width of the cell in pixels or a percent value. Giving the width as a percent value lets you set the proportion of the row that the cell (and the column it is located in) will occupy.
-
Height ? the height of the cell in pixels.
-
Cell Type ? the type of the table cell ? either a normal data cell or a header cell with special formatting.
-
Word Wrap ? this setting turns word wrapping of the cell content on and off.
-
Rows Span ? this setting stretches the cell downward over several rows. Entering a numeric value sets the rowspan attribute.
-
Columns Span ? this setting stretches the cell to the right over several columns. Entering a numeric value sets the colspan attribute.
-
Horizontal Alignment ? the horizontal alignment of table cell contents. The following options are available: Left, Center, Right.
-
Vertical Alignment ? the vertical alignment of table cell contents. The following options are available: Top, Middle, Bottom or Baseline.
-
Background Color ? the color of the cell background. You can use either of the following methods to set the color:
- Enter the RGB value in the text box, in the rgb(nn, nn, nn) format, where nn is a numeric value on a scale from 0 to 255 representing the red, green, and blue channel.
- Enter the hexadecimal RGB value in the text box, in the #nnnnnn format, where the n letters stand for the three pairs of hex color values representing the red, green, and blue channel.
- Use the Choose button to open the Select Color dialog window and pick the color with your mouse.
-
Border Color ? the color of the cell border. You can use either of the following methods to set the color:
- Enter the RGB value in the text box, in the rgb(nn, nn, nn) format, where nn is a numeric value on a scale from 0 to 255 representing the red, green, and blue channel.
- Enter the hexadecimal RGB value in the text box, in the #nnnnnn format, where the n letters stand for the three pairs of hex color values representing the red, green, and blue channel.
- Use the Choose button to open the Select Color dialog window and pick the color with your mouse.
Insert Horizontal Line

-
Horizontal line, also known as horizontal rule, is a divider that that cuts the page into parts and spans from one side of the document to the other. To add a horizontal line to the text, press the Horizontal Line button. Once added, the horizontal line is inserted into the document on the location of the cursor.
return to top
Insert Special Character

-
To insert a special character into your document, press the Insert Special Character button. The Select Special Character dialog window that will open allows you to choose a symbol from a set containing Latin letters, numbers (including fractions), currency symbols, punctuation, arrows, and mathematical operators.
return to top
Templates

A Content Template is a feature that lets you control the structure of the document and preserve consistency across multiple documents. Templates are pre-defined, ready-made document forms with page layout, text formatting and styling as well as other elements.
return to top
Please note: These are standard, universal templates used to simply help begin to create a content page, and cannot be modified or customized for your specific website design.
WARNING: Selecting a template after inserting your content WILL DELETE YOUR CONTENT. If you'd like to use a template, select it first, and then add your text and images.
Format

-
The styles in the Format drop-down menu are pre-defined combinations of various formatting options that make it easier to keep the presentation of the text uniform. To choose a style, select a text fragment and press the Format tool arrow to activate the drop-down menu.
return to top
To make the choice easier, the style names are displayed in a style that they represent, giving you a preview of what the text will look like. In order to remove a style applied with the Format feature, open the drop-down list and click the formatting style name again.
Size

-
To change a font size for a text fragment, open the Size menu by clicking the toolbar arrow. The font size drop-down list contains a number of sizes that you can use. A font size can be applied to the whole document, a paragraph, or a text fragment of arbitrary length ? even a single letter. Do note, however, that for aesthetic and readability reasons it is recommended not to combine too many different font sizes in one document.
return to top
Text Color

-
This tool allows you to change the color of text in your documents by using a color palette. To choose a color, select a text fragment and press the Text Color button. The Text Color drop-down menu that will open lets you select a color from a basic palette of 40 shades.
If the color that you are after is not included in the basic palette, click the More Colors option in the drop-down menu. The Select color dialog window that will open lets you choose a color from an extended palette. You can either select a desired shade with your mouse or enter the RGB color value into the text box.
A color can be applied to the whole document, a paragraph, or a text fragment of arbitrary length ? even a single letter. Do note, however, that for aesthetic and readability reasons it is recommended not to combine too many different colors in one document.