Cómo dar estilo a un bloque: borde, fondo, márgenes, sombra

← Atrás

Pase el cursor sobre el bloque y pulse el engranaje: se abrirá la ventana de estilos con las pestañas «Borde», «Bloque», «Texto», «Enlaces», «Animación», «Posicionamiento».

La rueda dentada aparece al pasar el cursor sobre un bloque: en la cabecera, el pie de página, el área de contenido, las columnas del formulario, las tarjetas. Abre la ventana de estilos. Los cambios se guardan solos, a medida que escribes; el botón «Limpiar» restablece el diseño del bloque.

Qué hay y dónde:

  • «Borde» — posición (todos los lados o uno concreto), color, grosor, redondeo de esquinas.
  • «Bloque» — color de fondo, degradado («Usar degradado de fondo»), «Sombra del bloque», «Relleno interior» y «Margen exterior», imagen de fondo, ancho y alto (incluidos el mínimo y el máximo), «Alineación del texto» y «Alineación del bloque», «Visibilidad»: ocultar el bloque en PC, tableta o teléfono.
  • «Texto» — fuente, tamaño, color.
  • «Enlaces» — color de los enlaces dentro del bloque, por separado del texto normal.
  • «Animación» — aparición, reacción al pasar el cursor y movimiento constante.
  • «Posicionamiento» — «Tipo de posicionamiento» (bloque fijo en la parte superior o inferior de la ventana), desplazamiento, rotación.

El aspecto al pasar el cursor se define con el interruptor del encabezado de la ventana: «Normal» / «Al pasar el cursor» / «Activo» (este último solo para los elementos del menú). En las pestañas «Borde», «Bloque», «Texto» y «Enlaces», los ajustes se aplican al estado seleccionado; un campo vacío significa «igual que en el normal».

El interruptor principal es «Aplicar solo a este bloque». Sin la casilla marcada, el ajuste afecta a todos los bloques de este tipo en todo el sitio: si pones un marco al área de contenido, aparecerá en todas las páginas. Con la casilla, solo en este bloque de esta página.

Si no funciona

  • Se ha aplicado el estilo a otro bloque. Los bloques están anidados unos dentro de otros: apunta con más precisión; la rueda dentada aparece en el bloque sobre el que está el cursor.
  • Lo cambié en una página y cambió en todas. No estaba marcada la casilla «Aplicar solo a este bloque». Restablece el valor y repite el cambio con la casilla marcada.
  • La alineación del texto no funciona. Comprueba si en ese mismo bloque está definida la alineación del propio bloque: entran en conflicto entre sí.
¿Te resultó útil el artículo?

Ver también

En la sección de ayuda encontrarás respuestas a preguntas frecuentes e instrucciones útiles para trabajar con el constructor de sitios Site Look. Aquí puedes aprender a gestionar secciones, añadir objetos y configurar el sitio. Los materiales serán útiles tanto para principiantes como para usuarios experimentados. Si no encuentras la respuesta, contacta con el soporte.