Cómo agregar una máscara de fondo

1. Haz clic en la sexta pestaña, el ícono de la máscara.
2. Haz clic en Agregar máscara de fondo.

Selecciona el tipo de máscara que deseas a través del menú desplegable.

Opciones de máscara de fondo

• Color de la máscara – Elige el color de la máscara desde la paleta de colores de tu sitio, o usa el ícono cuentagotas para seleccionar un nuevo color.

• Transformar máscara – Transforma la máscara horizontal o verticalmente, gírala o inviértela.

• Relación de aspecto de la máscara – Establece la relación de aspecto de la máscara. La relación de aspecto de una imagen es la proporción entre su ancho y su alto.

• Tamaño de la máscara – Selecciona el tamaño de la máscara: tamaño real, cubrir, ajustar, estirar para llenar o tamaño personalizado. Si eliges tamaño personalizado, aparecerán las siguientes opciones: ancho y alto de la máscara. Arrastra el control deslizante o escribe un valor numérico para definir estas opciones.

• Modo de fusión de la máscara – Define cómo la capa de la máscara interactúa con las capas debajo. Selecciona uno de los 16 modos de fusión disponibles en el menú desplegable.

Etiqueta de administrador

La etiqueta de administrador es donde puedes darle un nombre al módulo visible solo para ti, para ayudarte a mantener todo organizado y fácil de entender en el backend. Por defecto, la etiqueta de administrador será el nombre del módulo. Puedes cambiar el texto de la etiqueta para reflejar lo que desees.

Pestaña de diseño

En esta pestaña encontrarás todos los estilos y configuraciones de diseño para el módulo Divi Social Media.

Alineación

• Alineación del módulo – Elige la alineación del módulo:

  • Izquierda

  • Centro

  • Derecha

  • Justificado

Icono

Aquí puedes elegir el color y tamaño del ícono.

• Color del ícono – Elige un color para el ícono de Seguimiento en redes sociales seleccionando un color de la paleta o usando el cuentagotas para escoger un nuevo color.

• Usar tamaño personalizado del ícono – Por defecto, los íconos tienen un ancho de 96 píxeles. Para ajustar el tamaño, activa esta opción y escribe un valor numérico o mueve el control deslizante para aumentar o disminuir el tamaño del ícono.

Texto

Aquí se configuran los estilos de texto generales para este módulo.

• Color del texto – Selecciona la paleta de color predeterminada para el texto del módulo: clara u oscura. Las paletas de colores predeterminadas claras y oscuras pueden configurarse en las Opciones del Tema Divi.

• Sombra del texto – Aplica una sombra paralela a todo el texto dentro del módulo. Al seleccionar un tipo de sombra, se aplicará a todo el contenido, tanto al número como al texto del título.

Botón Seguir

Si quieres aplicar estilos únicos al botón seguir, puedes hacerlo aquí.

• Usar estilos personalizados para el botón seguir – Por defecto, los botones seguir se estilizan globalmente a través del Personalizador del Tema. Para aplicar estilos únicos a este botón, activa esta opción.

• Tamaño del texto del botón seguir – Elige el tamaño de la fuente del texto del botón seguir arrastrando el control deslizante o escribiendo un valor numérico.

• Color del texto del botón seguir – Escoge un color específico para el texto del botón seguir. Selecciona desde la paleta de colores de tu sitio o usa el cuentagotas para un nuevo color.

• Fondo del botón seguir – Estiliza el fondo del botón seguir aquí. Puedes agregar un color sólido, un degradado o una imagen. Elige un color desde la paleta o usando el cuentagotas. Para agregar un fondo degradado, selecciona la segunda pestaña de íconos, el ícono de degradado, y haz clic en Agregar degradado de fondo, lo que abrirá las opciones para estilizar un fondo degradado. Para agregar una imagen de fondo, selecciona la segunda pestaña de íconos, el ícono de imagen, y haz clic en Agregar imagen de fondo, lo que abrirá las opciones para estilizar una imagen de fondo.

• Ancho del borde del botón seguir – Define el ancho (grosor) del borde del botón siguiendo arrastrando el control deslizante o escribiendo un valor numérico.

• Color del borde del botón seguir – Aquí puedes escoger el color del borde. Selecciona un color desde la paleta predeterminada o usa el cuentagotas para elegir uno nuevo.

• Radio del borde del botón seguir – El radio del borde determina qué tan redondeadas son las esquinas del botón; mientras más alto el valor, más redondeadas.

• Espaciado entre letras del botón seguir – Ajusta el espacio entre las letras del texto del botón arrastrando el control o escribiendo un valor numérico. Mientras mayor el número, mayor el espacio.

• Fuente del botón seguir – Elige la fuente que quieres usar para el texto del botón. La fuente predeterminada se selecciona automáticamente, pero puedes elegir otra o subir una personalizada desde el menú desplegable.

• Peso de la fuente del botón seguir – Selecciona la intensidad (negrita, normal, etc.) del texto del botón desde el menú desplegable.

• Estilo de fuente del botón seguir – Elige el estilo del texto del botón: cursiva, mayúsculas, versalitas, subrayado o tachado.

• Mostrar ícono del botón seguir – Activa o desactiva para mostrar u ocultar el ícono del botón.

• Ícono del botón seguir – Por defecto es ">", pero puedes elegir un ícono único aquí.

• Color del ícono del botón seguir – Selecciona el color del ícono.

• Ubicación del ícono del botón seguir – Elige si el ícono se posiciona a la derecha o a la izquierda del botón.

• Mostrar solo ícono al pasar el cursor en el botón seguir – Activa o desactiva para que el ícono solo aparezca al pasar el cursor. Por defecto está activado (solo muestra el ícono al pasar el cursor).

• Alineación del botón seguir – Elige si el botón se alinea a la izquierda, centro o derecha.

• Sombra del texto del botón seguir – Añade sombra al texto del botón. Una vez elegido el estilo, puedes configurar la dirección (horizontal y vertical), intensidad del desenfoque y el color de la sombra.

• Margen del botón seguir – Agrega márgenes al botón escribiendo valores numéricos. Los márgenes añaden espacio fuera del botón. Para mantener proporciones iguales, haz clic en el ícono de cadena entre los valores que quieras bloquear (por ejemplo, arriba y abajo).

• Relleno del botón seguir – Agrega relleno dentro del botón escribiendo valores numéricos. Para bloquear proporciones iguales, haz clic en la cadena.

• Sombra de caja del botón seguir – Agrega sombra al botón. Una vez seleccionado el estilo, puedes configurar la posición (horizontal y vertical), intensidad del desenfoque y propagación ajustando el control deslizante o escribiendo valores numéricos. Selecciona el color desde la paleta o con el cuentagotas. Elige si la sombra está dentro o fuera del contenedor desde el menú desplegable.

Tamaño

• Ancho – Define el ancho del módulo. Para más información, consulta la documentación oficial.

• Ancho máximo – Define el ancho máximo del módulo. Consulta la documentación oficial para más detalles.

• Alineación del módulo – Si se establece un ancho o ancho máximo, la alineación del módulo se puede definir con las opciones:

  • Alineado a la izquierda

  • Alineado al centro

  • Alineado a la derecha

• Altura mínima – Define la altura mínima del módulo. Más información en la documentación oficial.

• Altura – Define la altura del módulo.

• Altura máxima – Define la altura máxima que el módulo puede tener.

Espaciado

Puedes agregar márgenes o relleno al módulo escribiendo valores numéricos.

• El margen agrega espacio fuera del módulo y el relleno dentro del módulo. Para mantener proporciones iguales, haz clic en el ícono de cadena entre los valores que quieres que sean idénticos (por ejemplo, arriba y abajo).

• Los valores predeterminados de margen son 0.

• Los valores predeterminados de relleno son 0.

Borde

Agrega un borde al módulo. Puedes agregar un borde completo o solo a un lado. Ajusta el ancho con el control deslizante y selecciona un color. Escoge un estilo de borde en el menú desplegable.

• Esquinas redondeadas – Escribe un valor numérico para redondear las esquinas del borde. A mayor número, más redondeadas. Los valores están vinculados por defecto (se muestra el ícono de cadena azul); para usar valores diferentes para cada esquina, haz clic en el ícono para desvincularlos. Si están vinculados, cambiar un valor actualizará automáticamente los demás.

• Estilos de borde – Agrega borde en todos los lados o solo en lados individuales (arriba, derecha, abajo, izquierda).

• Ancho del borde – Define el ancho del borde. Para un borde más grueso, aumenta el número. El ancho debe ser al menos 1 px para mostrarse.

• Color del borde – Escoge el color del borde desde la paleta predeterminada o usando el cuentagotas para un nuevo color.

• Estilo del borde – Selecciona el estilo del borde: sólido, discontinuo, punteado, doble, ranurado, en relieve, incrustado, sobresaliente o ninguno.