En esta página: aprenda a ajustar el estilo del contenido del correo electrónico desde el panel Estilos del diseñador de correo electrónico, aplicando configuraciones como colores, fuentes, bordes, márgenes y relleno a los componentes del cuerpo, estructura o contenido.
Una vez que haya empezado a crear el contenido de su correo electrónico en Journey Optimizer, puede ajustar una serie de parámetros y atributos de estilo desde el panel de Estilos del Diseñador de correo electrónico.
Puede aplicar los cambios al cuerpo del correo electrónico, a un componente de estructura o a un componente de contenido.
Seleccione cualquier elemento del correo electrónico y haga clic en la ficha Estilos. Todas las opciones de estilo del elemento seleccionado se muestran en el panel derecho.
Por ejemplo, si selecciona un componente de texto:
- Puede ajustar el color de fondo y el color de fuente de ese párrafo;
- Puede actualizar los parámetros de Texto, como la familia de fuentes, el tamaño, la altura, la alineación, etc., y administrar el espaciado antes del primer carácter de una línea mediante la configuración Sangría;
- También puede ajustar opciones como el borde, margen y relleno del componente de texto.
Si usa una plantilla de contenido predeterminada o si aplicó un tema al correo electrónico, solo puede ajustar algunas opciones de estilo para que coincidan con el tema seleccionado. Más información sobre los temas
Siga los vínculos siguientes para descubrir cómo ajustar algunos de los ajustes de estilo específicos de su correo electrónico.
- Obtenga información sobre cómo personalizar el fondo del correo electrónico
- Obtenga información sobre cómo administrar alineación vertical y relleno
- Obtenga información sobre cómo personalizar atributos de estilo en línea
- Aprenda a añadir CSS personalizado al contenido del correo electrónico
- Aprenda a administrar contenido en modo oscuro
This section contains structured knowledge intended to support interpretation, retrieval, and question answering related to this topic.
For complete understanding, this information should be combined with the documentation on this page. Neither source is intended to stand alone; the page describes the feature, while this section provides additional context that helps disambiguate terminology, intent, applicability, and constraints.
- TL;DR: This page explains how to adjust email content style from the Email Designer Styles pane, applying settings such as colors, fonts, borders, margins, and padding to the email body, a structure component, or a content component.
Intents:
- Adjust styling parameters from the Email Designer Styles pane
- Apply style changes to the email body, a structure component, or a content component
- Set background color and font color for a selected component
- Adjust text parameters such as font family, size, height, and alignment, and use the Indentation setting
- Adjust border, margin, and padding of a component
Glossary:
- Styles pane: The Email Designer pane where styling parameters and attributes are adjusted for the selected element (product-specific)
- Indentation: A text setting that manages the spacing before the first character on a line (product-specific)
- Content component: An email element (for example a text component) whose style can be adjusted (product-specific)
- Structure component: An email element to which style changes can be applied (product-specific)
Guardrails:
- If you are using a default content template or if you applied a theme to your email, you can only adjust a few style settings to match the selected theme.
- Styling options displayed in the right pane are specific to the selected element; select an element and click the Styles tab to display them.
Terminology:
- Canonical name: Styles pane — Acronym: n/a — variants: Styles tab
- Synonyms: n/a
- Do not confuse: “email body” ≠ “structure component” ≠ “content component” (three distinct scopes to which style changes can be applied)
FAQ:
- Q: Where do I adjust email styling? — From the Email Designer Styles pane: select an element and click the Styles tab to display its styling options in the right pane.
- Q: What can I style on a text component? — Background color and Font color, Text parameters (font family, size, height, alignment), the Indentation setting, and Border, Margin, and Padding.
- Q: Why can I only change a few style settings? — Because you are using a default content template or applied a theme, which limits adjustments to those that match the selected theme.