Todos los elementos de una página tienen el mismo tipo de panel de ajustes. Cuando sabes cómo funciona, puedes dar estilo a cualquier elemento.
Abre los ajustes de un elemento
Haz clic en el elemento de la página. Su panel se abre a la izquierda con un máximo de cuatro pestañas, que se muestran como iconos:
- Contenido: lo que dice o muestra el elemento, como la imagen, el vídeo o la acción del botón.
- Estilos: su aspecto: tamaño, colores, borde, forma y alineación.
- Configuración: cómo se comporta.
- Efectos: animaciones y efectos visuales. Consulta Animaciones, confeti y otros efectos.
Un elemento solo muestra las pestañas que usa. Los textos, los títulos y los espaciadores no tienen panel: los editas directamente en la página.
La barra de herramientas del elemento
Junto al elemento seleccionado aparece una pequeña barra de herramientas:
- Seleccionar sección (o Seleccionar encabezado / Seleccionar pie de página) selecciona la sección en la que está el elemento.
- Mover elemento te permite arrastrarlo, o pulsa Shift+↑ y Shift+↓.
- Duplicar elemento hace una copia (Ctrl/Cmd+D).
- Eliminar elemento lo quita. Los juegos, los formularios, los calendarios y los gráficos interactivos te piden confirmación. Mantén pulsada Alt y pulsa Supr para saltarte la pregunta donde esté permitido.
Pulsa Tab y Shift+Tab para seleccionar el elemento siguiente o el anterior.
Controles de estilo comunes
- Tamaño: elige Pequeño, Medio o Grande, o haz clic en los tres puntos para definir tú mismo el Ancho y la Altura. Los botones pueden ajustar al texto, de modo que crecen con la etiqueta.
- Forma: Cuadrado, Redondeado, Píldora o un radio de esquina personalizado.
- Borde: Ninguno, Sólido, Doble, Punteado, Discontinuo o Ranura, con un grosor y un color.
- Color: elige un color o escribe un código hexadecimal. Tus Colores usados recientemente aparecen en el selector.
- Fondo: un Color, una Imagen (con Ubicación: Arriba, Centro o Abajo) o, en las páginas, un Vídeo de YouTube, Vimeo o tu propio archivo.
- Alineación: Izquierda, Centro o Derecha, o una cuadrícula de 3 × 3 para los elementos que pueden ir en una esquina.
- Espacio: el espacio entre las partes de un elemento.
- Sombra: actívala y define el color, el desenfoque y la posición.
El kit de diseño y tus propios estilos
La mayoría de los elementos usan tu kit de diseño hasta que los cambias. Cuando has cambiado el estilo de un botón, aparecen dos botones en la pestaña Estilos:
- Borrar estilos devuelve el elemento al kit de diseño.
- Aplicar a todos guarda tus cambios en el kit de diseño, para que todos los botones los sigan.
Cambios solo para móvil y tableta
Cambia a Móvil o Tableta encima de la página y modifica un ajuste: el cambio solo se aplica a ese tamaño de pantalla. Junto a los ajustes que difieren del escritorio aparece una pequeña flecha de deshacer. Haz clic en ella para volver a usar el valor de escritorio.
Complementos
Muchos elementos tienen funciones extra, llamadas complementos. Haz clic en el botón de complementos (con la información emergente Extensiones avanzadas) en el panel para verlos, por ejemplo Complementos de botón o Complementos de formulario. Cada complemento tiene una breve descripción y un interruptor. Algunos complementos tienen su propia Configuración: haz clic en el engranaje para abrirla. Los complementos activados aparecen en el panel, para que veas de un vistazo cuáles están activos.