El Gestor de estilos cambia cómo se ve toda una familia de elementos. Es la diferencia entre editar un botón y editar todos los botones del sitio.
Actualizado el
Abre el Gestor de estilos desde la barra superior. Los estilos se agrupan por categoría: botones, tipografía, separadores, menús, imágenes, formularios, etc.
Cada tarjeta muestra una vista previa en vivo, el nombre del estilo y su nombre interno. Usa el botón de claro y oscuro en la vista previa cuando un estilo cueste de ver sobre el fondo predeterminado.
El menú de tres puntos de una tarjeta tiene las acciones de ese estilo. Mostrar avanzado abajo revela las categorías menos habituales.
El Gestor de estilos es de todo el proyecto. Un cambio ahí afecta a todas las páginas, no solo a la página que estabas editando.
Los cambios aparecen en el editor enseguida después de guardar. Se publican con la siguiente publicación.
No hay historial de deshacer para los cambios del Gestor de estilos. Los estilos integrados se pueden restaurar. Los personalizados, no.
Un estilo base es la base compartida detrás de un tipo de elemento, como un botón.
Una variación es una versión con nombre de esa base. Un botón puede tener una variación principal, una variación suave y una variación de contorno. Comparten la base del botón pero definen algunas propiedades de forma distinta.
Esto significa que un cambio en la base llega a todas las variaciones, salvo que una variación defina esa misma propiedad por su cuenta. Si una variación sigue viéndose distinta después de cambiar la base, edita también esa variación.
El Gestor de estilos lista ambos tipos. Algunas bases compartidas, como Base de botón, están en la categoría avanzada Estilos base, así que elige Mostrar avanzado para verlas. Otras, como Párrafo y Encabezado 1, aparecen en su propia categoría.
Cuando cambias un estilo integrado, queda con una sobrescritura del proyecto hasta que lo restaures. Las variaciones personalizadas se pueden renombrar o eliminar.
Editar la base del botón cambia todos los botones. Editar la variación principal cambia solo los botones principales. Usa Combinar estilos en el estilo base cuando ya hayas dado estilo a un elemento y quieras mover esas clases a cualquiera de los dos destinos.
Lee Variaciones para ese flujo de trabajo.
Abre el menú de acciones de un estilo o una variación integrados y elige Editar clases.
Añade o quita clases en el campo Clases y luego guarda. La vista previa de la tarjeta y el editor se actualizan.
Esto no destruye el original. Un integrado personalizado recibe una acción Restaurar valores predeterminados. Restaurar devuelve el aspecto original.
Para editar la base compartida del botón, elige Mostrar avanzado, abre Estilos base y edita Base de botón. Eso llega a todos los botones, incluidas todas sus variaciones.
Los estilos y las variaciones integrados no se pueden eliminar. Solo se pueden eliminar las variaciones personalizadas y los estilos base personalizados.
Las variaciones se crean desde el editor, no desde el Gestor de estilos.
Selecciona un elemento que admita variaciones, abre el botón de paleta en su barra flotante y elige Nueva variación. Ponle un nombre. Captura el aspecto actual del elemento y lo añade al selector y al Gestor de estilos.
Lee Variaciones para el flujo completo y para cambiar entre variaciones.
A veces das estilo a un elemento hasta que queda bien y luego decides que todos los elementos similares deberían verse igual.
Selecciona el elemento, abre el botón de paleta en su barra flotante y elige Combinar estilos en el estilo base. El diálogo que se abre se llama Aplicar estilos en todas partes.
Esta acción está disponible para elementos que admiten variaciones, como botones, encabezados e imágenes. Para una sección o una fila, edita el estilo compartido en el Gestor de estilos.
El diálogo muestra las clases extra de ese elemento. Elige las clases que quieras compartir y luego elige el destino:
Un destino de variación, como el botón principal, cambia solo esa variación.
Un destino base, como la base del botón, cambia todos los elementos que usan esa base.
Después de aplicar, las clases compartidas viven en el estilo y se quitan del elemento.
Esta es la forma habitual de hacer que todos los elementos base se vean igual cuando la base no tiene tarjeta propia.
Lee Variaciones para la elección de destino y un ejemplo.
Nuevo estilo base crea un conjunto de clases con nombre. No es una variación y no aparece en el selector de variaciones.
Es una función avanzada. Le das un nombre al conjunto, como x-card, añades clases y luego lo aplicas añadiendo ese nombre a la lista de clases de un elemento.
Lee Clases personalizadas (avanzado) para el flujo de la lista de clases.
Usa el Gestor de estilos cuando el cambio deba aplicarse en todas partes:
Todos los botones principales deberían ser un poco más redondeados.
Todos los encabezados deberían usar otro grosor.
Todos los enlaces de menú deberían tener más espacio.
Todos los campos de formulario deberían tener un borde más suave.
Usa las pestañas Caja y Texto cuando el cambio sea solo para un bloque.
Si un cambio compartido es demasiado amplio, crea mejor una variación y aplícala solo donde la necesites.
Para que todos los botones principales encajen con tu marca:
Abre el Gestor de estilos.
Busca la categoría Botón.
Selecciona la variación principal.
Elige Editar clases.
Cambia el relleno, el color del texto, el radio y el espaciado interior.
Guarda.
Revisa una página con un botón principal.
Publica.
Luego revisa el móvil. Un botón que se ve bien en escritorio puede quedar demasiado pequeño para pulsarlo en un teléfono.
Para cambiar todos los botones, no solo el principal, añade las clases comunes a la base con Combinar estilos en el estilo base, o edita cada variación.
Un creador de sitios web que funciona como un documento. CMS, formularios y alojamiento en la UE incluidos.
© 2026 Remake. Todos los derechos reservados.
