Diseña tus botones

Puedes personalizar los botones de tu sitio ajustando los colores, las fuentes, los bordes, las sombras y mucho más. En esta guía, te explicamos las opciones de estilo disponibles y cómo aplicarlas.

Sigue estos pasos para personalizar los estilos de los botones:

1. Utiliza la opción Vista de lista para seleccionar el bloque Botones.

2. En la barra lateral de ajustes del bloque de la derecha, haz clic en la pestaña Estilos.

3. Personaliza los siguientes estilos del bloque Botones:
   • Color: elige un color de fondo para el bloque Botones. Obtén más información sobre los colores.
   • Tipografía: cambia el tipo y el tamaño de la fuente del botón. Obtén más información sobre la tipografía.
   • Dimensiones: configura el relleno, el margen y el espaciado de los bloques. Obtén más información sobre las dimensiones.
   • Borde: personaliza el color y el radio del borde. Obtén más información sobre los bordes.

Sigue estos pasos para aplicar estilos a botones específicos dentro del bloque Botones:

1. Utiliza la Vista de lista para seleccionar un botón concreto dentro del bloque Botones.

2. En la barra lateral de ajustes del bloque de la derecha, haz clic en la pestaña Estilos.

3. Personaliza los siguientes estilos:
   • Estilos: selecciona entre Relleno y Contorno para el estilo del botón.
   • Color: elige el color del texto y el del fondo del botón. Obtén más información sobre los colores.
   • Tipografía: cambia el tipo de fuente, el estilo y el tamaño del botón. Obtén más información sobre la tipografía.
   • Dimensiones: configura el espaciado alrededor de un botón individual. Obtén más información sobre las dimensiones.
   • Borde y sombra: personaliza el color y el radio del borde, o añade una sombra paralela al botón. Obtén más información sobre los bordes.

Además de las opciones de tipografía disponibles en los estilos de bloques, puedes aplicar formato al texto del botón siguiendo estos pasos:

1. Utiliza la Vista de lista para seleccionar un botón concreto dentro del bloque Botones.
2. Selecciona la parte del texto (o todo el texto del botón) a la que quieras darle formato. 

3. Elige entre las opciones de formato, que incluyen:
   • Alinear el texto (a la izquierda, al centro o a la derecha)
   • Añadir un enlace
   • Negrita
   • Cursiva
   • El icono Más incluye lo siguiente:
     • Resaltado: cambia el color del texto y el del fondo o solo el del texto. Utiliza estilos para cambiar el color del botón.
     • Código insertado
     • Imagen insertada
     • Estilo de entrada de teclado
     • Atributo de idioma
     • Tachado
     • Subíndice
     • Superíndice