# 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

1. 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**.
2. Haz clic en el ícono del lápiz en la barra izquierda y luego en la pestaña **Estilos**.
3. Recorre las secciones que necesites:
4. 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**.
5. 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.
6. 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](https://help.dropify.shop/es/guides/change-store-colors-fonts-and-corner-radius/)
- [Editar el diseño para móvil y tablet por separado](https://help.dropify.shop/es/guides/edit-mobile-and-tablet-layout/)
- [Cambiar el diseño (variante) de un bloque](https://help.dropify.shop/es/guides/change-the-design-variant-of-a-block/)