Commands in the Text section

Step 4 - Pages > Page Layout Table and Toolbar Commands > Object Style >

Commands in the Text section

Previous pageReturn to chapter overviewNext page

Use the commands in this section to add and define the style of the text that complete the style of the selected object in the page layout table.

First of all, you have to select the element - text or image - that you want to add and work on. You can choose from:

Title: this is the text that will be displayed as the title of the current object.

Header Image: this is a picture that will be included in the current object's header, next to the Title.

Description Text: this is the text that will be shown as a caption under the current object.

Once they have been added, you can select the various elements either by clicking directly on the preview or by selecting them from the dropdown menu.

There are a number of options in the Settings section, depending on the type of element that you have selected:

The settings for the Title and Description Text are:

Content: enter the title or object description.
Color / Text Color: you can specify the foreground and backgrounds for the text you are working on.
Font Type: specifies the font, style and size to use for the text. The menu shows the command for applying the Default Font (defined by the style of the Page Text item in the Text Style window), the list of safe fonts (those which are present on all devices and do not need to be published, and all the Google fonts and web fonts added in the Add web fonts window, which is opened by the Other font types command.
Alignment: you can specify how the text is to be aligned in the cell that contains the object: to the Left, in the Center or to the Right.
Outer Margin / Inner Margin: you can specify the value in pixels for the text margins, so that it is positioned at precisely the distance you want it from the cell's borders.

The settings for the Header Image are:

Image File: indicates the image file (.JPG, .GIF, .PNG.) for the picture to use as the background.
Alignment: you can specify how the image is to be aligned in the cell that contains the object: to the Left, in the Center or to the Right
Margin: you can specify the value in pixels for the image's margins, so that it is positioned at precisely the distance you want it from the borders of the cell containing the object and, consequently, with respect to the Title.

The following Options are also available for the Description Text:

Display: this indicates whether the description is always visible or whether it is displayed/hidden on mouseover.
Link: this adds a link to the description. Click on the button to open the Link window, where you can choose the options and the action to be taken.

 


Best practices:

-

How to work with the Object Style


Further information:

-

The Box Model in WebSite X5