diff --git a/_docs/_user_guide/message_building_by_channel/email/drag_and_drop/dnd_editor_blocks.md b/_docs/_user_guide/message_building_by_channel/email/drag_and_drop/dnd_editor_blocks.md index 73a43328635..8429b4bb1a5 100644 --- a/_docs/_user_guide/message_building_by_channel/email/drag_and_drop/dnd_editor_blocks.md +++ b/_docs/_user_guide/message_building_by_channel/email/drag_and_drop/dnd_editor_blocks.md @@ -40,27 +40,56 @@ Details for each editor block's properties are provided in the following tables. | properties | description | |---|---| -| `Title` | Selects the heading style. Only H1, H2, or H3 are available. | -|`Font Family`| This is the font style for your title. | -|`Font Size`| Determines the size of your text. | -|`Text Color`| Modifies the color of the title. | -|`Link Color`| Modifies the color of the link. | +|`Title`| Selects the heading style. Only H1, H2, or H3 are available. | +|`Font family`| This is the font style for your title. | +|`Font weight`| This is the overall boldness of the font. | +|`Font size`| Determines the size of your text. | +|`Text color`| Modifies the color of the title. | +|`Link color`| Modifies the color of the link. | |`Align`| Moves the title to be left, center or right-oriented. | -|`Line Height`| Modifies the distance between lines of text. | +|`Line height`| Modifies the distance between lines of text. | |`Line spacing`| Modifies the distance in between each character. | |`Text direction`| Default left-to-right, but can be edited to be right-to-left. | {: .reset-td-br-1 .reset-td-br-2} -### Text +### Paragraph -Refer to the following table for details on the `Text` editor block properties. +Refer to the following table for details on the `Paragraph` editor block properties. | properties | description | |---|---| -|`Text Color`| Modifies the color of the title. | -|`Link Color`| Modifies the color of the link. | -|`Line Height`| Modifies the distance between lines of text| -|`Line spacing`| Modifies the distance in between each character| +|`Font family`| This is the font style for your paragraph text. | +|`Font weight`| This is the overall boldness of the font. | +|`Font size`| Determines the size of your text. | +|`Text color`| Modifies the color of the title. | +|`Link color`| Modifies the color of the link. | +|`Align`| Moves the title to be left, center or right-oriented. | +|`Paragraph spacing`| Modifies the space between paragraphs. | +|`Line height`| Modifies the distance between lines of text. | +|`Letter spacing`| Modifies the distance in between each character. | +|`Text direction`| Default left-to-right, but can be edited to be right-to-left. | +{: .reset-td-br-1 .reset-td-br-2} + +### List + +Refer to the following table for details on the `List` editor block properties. + +| properties | description | +|---|---| +|`List type`| This is the type of list. Can be either bulleted or numbered. | +|`List style type`| Determines the style of your list. | +|`Start list from`| Determines the starting number for your list. | +|`Font family`| This is the font style for your paragraph text. | +|`Font weight`| This is the overall boldness of the font. | +|`Font size`| Determines the size of your text. | +|`Text color`| Modifies the color of the title. | +|`Link color`| Modifies the color of the link. | +|`Align`| Moves the title to be left, center or right-oriented. | +|`List items spacing`| Modifies the space between list items. | +|`List items indent`| Modifies the indentation of list items. | +|`Line height`| Modifies the distance between lines of text. | +|`Letter spacing`| Modifies the distance in between each character. | +|`Text direction`| Default left-to-right, but can be edited to be right-to-left. | {: .reset-td-br-1 .reset-td-br-2} ### Image @@ -98,9 +127,9 @@ Refer to the following table for details on the `Divider` editor block. | properties | description | |---|---| |`Transparent`| If enabled, 'line' and 'width' options are removed. | -|`Line `| The different line formats, whether dotted, spotted, or solid. In addition, you can modify the thickness and color of the divider line| -|`Width `| Adjusts the spread of the divider in increments of 5 | -|`Align`| Moves the line to be either left, center, or right-oriented | +|`Line`| The different line formats, whether dotted, spotted, or solid. In addition, you can modify the thickness and color of the divider line. | +|`Width `| Adjusts the spread of the divider in increments of 5. | +|`Align`| Moves the line to be either left, center, or right-oriented. | {: .reset-td-br-1 .reset-td-br-2} ### HTML @@ -109,7 +138,7 @@ Refer to the following table for details on the `HTML` editor block. | properties | description | |---|---| -|`html editor`| Enter the raw HTML | +|`html editor`| Enter the raw HTML. | {: .reset-td-br-1 .reset-td-br-2} ### Menu @@ -138,7 +167,7 @@ Refer to the following table for details on the `Spacer` editor block. | properties | description | |---|---| -|`height`| Adjusts the height of the spacer block. The default is 60px.| +|`Height`| Adjusts the height of the spacer block. The default is 60px.| {: .reset-td-br-1 .reset-td-br-2} ### Social icon diff --git a/_docs/_user_guide/message_building_by_channel/email/drag_and_drop/overview.md b/_docs/_user_guide/message_building_by_channel/email/drag_and_drop/overview.md index 8db26892618..a062a705321 100644 --- a/_docs/_user_guide/message_building_by_channel/email/drag_and_drop/overview.md +++ b/_docs/_user_guide/message_building_by_channel/email/drag_and_drop/overview.md @@ -76,7 +76,7 @@ As you build your email, you can toggle between a desktop and mobile view to pre {% alert tip %} Need help creating awesome copy? Try using the [AI copywriting assistant]({{site.baseurl}}/user_guide/intelligence/ai_copywriting/). Input a product name or description and the AI will generate human-like marketing copy for use in your messaging. -![Copywriter button, located in the Content panel next to Style Settings in the Drag and Drop Editor.]({% image_buster /assets/img/ai_copywriter/ai_copywriter_dnd.png %}){: style="max-width:85%"} +![Copywriter button, located in the Content panel next to Style Settings in the Drag and Drop Editor.]({% image_buster /assets/img/ai_copywriter/ai_copywriter_dnd.png %}) {% endalert %} ### Creative details {#creative-details} diff --git a/assets/img/ai_copywriter/ai_copywriter_dnd.png b/assets/img/ai_copywriter/ai_copywriter_dnd.png index 5d194d30de6..d065dbd7d04 100644 Binary files a/assets/img/ai_copywriter/ai_copywriter_dnd.png and b/assets/img/ai_copywriter/ai_copywriter_dnd.png differ diff --git a/assets/img/dnd/dnd_content.png b/assets/img/dnd/dnd_content.png index cd742f02f23..c661f953fe1 100644 Binary files a/assets/img/dnd/dnd_content.png and b/assets/img/dnd/dnd_content.png differ