Dar estilo a un bloque: espaciado, fondo, borde, sombra, animación
Haz clic en un bloque, abre el ícono del lápiz (Editar) y elige la pestaña Estilos: agrupa Tipografía, Dimensiones, Espaciado, Fondo, Borde, Sombra, Visualización, Posición y Animación. El dispositivo seleccionado en la barra superior decide si tu cambio aplica a escritorio, tablet o móvil.
Pasos
- Abre Tienda en línea → Config. de tema (o una landing page) y haz clic en el bloque. Para dar estilo a un contenedor completo en lugar del texto que contiene, elige la Sección o la Caja en Capas de diseño.
- Haz clic en el ícono del lápiz en la barra izquierda y luego en la pestaña Estilos.
- Recorre las secciones que necesites:
- Tipografía: familia de fuente, tamaño, grosor, color, altura de línea, espaciado entre letras, alineación, transformación.
- Espaciado: Relleno (interior) y Margen (exterior).
- Fondo: Sólido, Degradado o Imagen.
- Borde: grosor, estilo, color, radio.
- Sombra: preajustes Sin sombra / Suave / Elevada / Intensa, o desplazamientos, desenfoque, expansión, opacidad y color.
- Posición: Estático, Relativo, Absoluto, Fijo o Pegajoso, más Posición de capa (orden de apilamiento).
- Para movimiento, abre Animación, elige un preajuste de Buscadores de atención, Animaciones de entrada, Animaciones de salida o Efectos especiales, y luego define Duración (ms), Retraso (ms) y Repetir indefinidamente.
- Lee el aviso "Aplicado en": con el marco de teléfono seleccionado, los estilos aplican a Móvil (hasta 768px); con el marco de tablet, a Tablet (hasta 991px); de lo contrario, a Escritorio. Cambia de dispositivo y repite donde haga falta.
- Haz clic en Guardar y asegúrate de que la página esté en Publicado.
Problemas frecuentes
- Di estilo a un bloque en escritorio pero nada cambió en mi teléfono → los estilos se guardan por tamaño de pantalla; selecciona el marco de teléfono y vuelve a definirlos.
- Quiero cambiar todos los botones o los colores de toda la tienda → la pestaña Estilos es por bloque. Usa el Personalizador de temas (ícono de muestras de color) para los colores, la fuente y el Radio de toda la tienda.
- Mis estilos desaparecieron después de cambiar el diseño del bloque → cambiar de variante restablece los estilos; vuelve a definirlos.
- Un texto se ve distinto del resto de la tienda → definiste una Familia de fuente por bloque en Tipografía; quítala para heredar la fuente de la tienda.
Relacionado
- Cambiar los colores, la fuente y el radio de las esquinas de tu tienda
- Editar el diseño para móvil y tablet por separado
- Cambiar el diseño (variante) de un bloque