Estilo de cada elemento

El diseño del sitio (pestaña Diseño) vale para todo. Si querés que un elemento sea distinto, elegilo y abrí Estilo en el panel de la derecha.

Qué podés cambiar

• Texto (títulos, textos, listas, tablas y preguntas frecuentes): color, tipografía, tamaño, grosor, interlineado, espacio entre letras, alineación y mayúsculas. En un título, la línea de arriba tiene su propio color, aparte del título.
• Foto (imágenes): punto focal, filtros (brillo, contraste, saturación, tono, desenfoque, blanco y negro), borde, sombra y opacidad (la vuelve translúcida: se ve lo que hay detrás).
• Espacio: margen de arriba y de abajo, ancho máximo, relleno y alinear el bloque (izquierda, centro o derecha). Para que la alineación se note, el elemento tiene que ser más angosto que la caja: combinala con ancho máximo (así centrás, por ejemplo, un código o un video).
• Tabla: fondo y color del texto del encabezado, un color para las filas alternadas (las pares), el color de las líneas y si las líneas van solo entre filas o en toda la grilla.
• Caja (imágenes, columnas, botones, tablas, preguntas, productos, galerías, videos y código): fondo, esquinas redondeadas, borde y sombra. Las esquinas, el borde y la sombra van sobre lo que se ve del elemento: la foto en una imagen, la ventana en un video y el fondo en unas columnas con color de fondo o a sangre. Si el elemento no tiene nada de fondo, ponele un color para que se noten.

En las columnas, Ancho de cada columna te deja repartir el ancho como quieras (por ejemplo 30% y 70%). En el celular se apilan una abajo de la otra; en En el celular podés invertir el orden (útil para que la foto quede arriba aunque en el ordenador esté a la derecha) o mantenerlas una al lado de la otra.

En Caja, el fondo puede ser un degradé de dos o tres colores, lineal (con su ángulo) o radial, o una foto con su oscurecido. En una sección, ese fondo pinta toda la sección; en unas columnas a sangre, la banda de borde a borde. Con el plan Lite podés sumar hasta 4 fotos que se turnan como slideshow de fondo (quien tenga activado “reducir movimiento” ve la primera fija). El fondo también puede tener opacidad y efecto vidrio, que desenfoca lo que hay detrás. En Diseño → Tarjeta también podés elegir un degradé para la tarjeta de todo el sitio.

Opacidad del fondo vuelve translúcido el fondo del elemento, sea un color o una foto: se empieza a ver lo que hay detrás. Vidrio desenfoca eso que se ve a través (no desenfoca el elemento ni su foto). Los dos juntos dan el efecto de vidrio esmerilado.

Si ponés vidrio y no ves ningún cambio, es porque detrás del elemento hay algo liso: por defecto tu sitio dibuja una tarjeta blanca detrás del contenido, y desenfocar un blanco liso da el mismo blanco. Para que se note, bajale la opacidad al fondo del elemento y poné algo con detalle detrás: una foto de fondo de página (en Diseño), la tarjeta en translúcido, o metelo dentro de una sección o columnas con foto.

Con los márgenes de un elemento cambiás la distancia con el de arriba o el de abajo sin tocar el espacio de todo el sitio.

• Botones: tamaño y grosor del texto, esquinas, alto, espacio entre botones y ancho completo. Además, cada botón de la lista tiene su color, color del texto, color del borde (sirve para los de contorno), color al pasar el mouse y un ícono antes o después del texto: flechas, tilde, link, carrito, descarga, teléfono, ubicación o cualquier red.

Debajo de cada opción ves qué valor usa hoy, por ejemplo Del sitio · Inter. Cuando cambiás algo, aparece ↺ Usar el del sitio para volver atrás.

Tamaño: preset o a medida

En títulos y textos, el selector Tamaño de arriba sigue funcionando como siempre. Si movés el Tamaño de Estilo, se usa ese; si después elegís otro tamaño del selector, se vuelve al preset.

Formato dentro del texto

En títulos y textos podés marcar partes del texto:

• **negrita** y *cursiva*
• __subrayado__, ~~tachado~~ y ==resaltado==
• una palabra entre comillas invertidas ( ` ) para mostrarla como código
• [texto](https://link) para un link
• [texto]{#e11d48} para pintar una palabra de un color (en hexadecimal, como #e11d48)

Tipografía de todo el sitio

En Diseño → Tipografía también podés ajustar el interlineado y el espacio entre letras de títulos y textos, y el grosor del texto. Vale para todo el sitio; lo que pongas en el Estilo de un elemento tiene prioridad.

El estilo propio está incluido en todos los planes.

Estilos guardados

Cuando un elemento te quedó como querés, abrí el desplegable de arriba de Estilo y elegí ＋ Guardar el estilo de este elemento…. Le ponés un nombre (por ejemplo, Título rojo grande) y queda guardado en el sitio. Para usarlo en otro elemento del mismo tipo, elegilo en ese mismo desplegable: se copia todo su estilo, también lo del celular. Si guardás otro con el mismo nombre, se reemplaza.

Aplicar un estilo lo copia: si después cambiás o borrás el guardado, los elementos donde ya lo aplicaste quedan como estaban. El ancla y Mostrar en son de cada elemento y no se copian. Podés guardar hasta 30 estilos por sitio, en todos los planes.