COS-Pages-Editor

¿Cómo personalizo la CSS de mis páginas de HubSpot?

Última actualización: February 10, 2016

Puedes realizar ediciones de CSS en las hojas de estilo del Administrador de diseño o puedes realizar ajustes de estilo al nivel de página. Para acceder a la pestaña Estilo para tus páginas, abre una página en modo edición y haz clic en el ícono de Estilo en la parte superior del editor de páginas.

Imagen añadida por el usuario
Imagen añadida por el usuario

Si deseas que los cambios de diseño se apliquen a toda la página, haz clic en el botón de radio de Toda la página (<body>) en la lista de módulos disponibles para cambiar las opciones de estilo. Si solo deseas ajustar el estilo de un único módulo, desplázate hacia la ventana de vista previa de la página y coloca el cursor sobre el módulo que deseas cambiar. El módulo aparecerá resaltado en un cuadro rayado. Haz clic en el módulo para cambiar las opciones de estilo.

Imagen añadida por el usuario
Imagen añadida por el usuario

Puedes cambiar las opciones de texto, espaciado, fondo y bordes al hacer clic en los íconos que aparecen en color negro para cada elemento.

Imagen añadida por el usuario
Imagen añadida por el usuario

Para cambiar un elemento de tu diseño actual, busca el elemento correspondiente (fuente, espaciado, color, etc.) en las opciones de estilo y utiliza el selector para establecer tu nuevo valor. Una vez que se haya establecido un valor, aparecerá un círculo gris oscuro con una cruz junto a la configuración; haz clic en este circulo si deseas cancelar los cambios que has realizado a ese elemento.

Imagen añadida por el usuario
Imagen añadida por el usuario

Haz clic en la cruz (X) del cuadro de opciones de estilo en la esquina superior derecha para cerrar la ventana de opciones de estilo. En el panel de estilo, verás que aparece un enlace gris al lado de cualquier módulo en el que se hayan realizado ediciones; si haces clic en el enlace «Restablecer valores predeterminados», se borrará cualquier edición que hayas hecho para esa sección. Para regresar al contenido de la página, haz clic en el ícono del contenido en la parte superior de la página. Haz clic en el botón «Guardar» en las opciones de página para guardar todos los cambios a tu diseño y contenido antes de salir de la página.

Imagen añadida por el usuario
Imagen añadida por el usuario