Magento Commerce, 2.3.x

Text

Use the Text content type to add a container and text editor with a “What You See Is What You Get” view of the content to the stage. In addition, you can add links, images, variables, and widgets to the text from the editor toolbar. You can access the text editor directly from the stage or from the toolbox Settings. Changes made directly to the stage are saved automatically. To learn more, see: Using the Editor.


Formatted Text on Banner
  • Text Toolbox

    TOOL

    Icon

    Description

    Move

    Moves the text container to another place in a row, column, or set of tabs.

    (label)

    TEXT

    Identifies the current container as a text element.

    Settings

    Opens the text container properties in edit mode.

    Hide

    Hides the text container.

    Show

    Shows the hidden text container.

    Duplicate

    Makes a duplicate copy of the text container and its contents.

    Remove

    Deletes the text container and its contents from the stage.

  • Text Settings

    Setting

    Description

    Editor

    Used to enter new text or edit existing text. You can also enter and edit text, and add links, images, variables, and widgets from the editor toolbar.

    Advanced

    Alignment

    Determines the horizontal alignment of text. Options:

    Default

    Applies the default setting that is specified in the style sheet of the current theme.

    Left

    Aligns text along the left border of the container, with allowance for any padding that is specified.

    Center

    Aligns text in the center of the container, with allowance for any padding that is specified.

    Right

    Aligns text along the right border of the container, with allowance for any padding that is specified.

    Border

    Determines the border style that is applied to all sides of the text container. Options:

    Default

    Applies the default border style from the style sheet that is associated with the current theme.

    None

    Provides no visible indication of container borders.

    Dotted

    The container border appears as a dotted line.

    Dashed

    The container border appears as a dashed line.

    Solid

    The container border appears as a solid line.

    Double

    The container border appears as a double line.

    Groove

    The container border appears as a grooved line.

    Ridge

    The container border appears as a ridged line.

    Inset

    The container border appears as an inset line.

    Outset

    The container border appears as an outset line.

    Border Color

    Determines the color of the container border. Specify the color by choosing a swatch, clicking the color picker, or by entering a valid color name or equivalent hexadecimal value.

    Border Width

    Determines the width in pixels of the container border.

    Border Radius

    Specifies the size of the radius that is used to round each corner of the container border.

    CSS Classes

    Specifies the names of CSS classes from the current style sheet which apply to the text. Separate multiple class names with a space.

    Margins and Padding

    Determines the size, in pixels, of the outer margins and inner padding of the text container. Enter the corresponding values in the visual representation of the container. Options:

    Margins

    The amount of blank space, in pixels, that is applied to the outside edge of all sides of the text container. Options: Top, Right, Bottom, Left.

    Padding

    The amount of blank space, in pixels, that is applied to the inside edge of all sides of the text container. Options: Top, Right, Bottom, Left.