CSS y JS personalizado

En el apartado Customize encontrarás 3 subapartados: Styles, Custom CSS y Custom Code.

En el primer apartado Styles podrás escoger 3 tipografías para tu proyecto y asignar cada una al texto principal y a los encabezados h1 a h5. También podrás configurar si tu página ocupa todo el ancho de la pantalla o un ancho máximo en píxeles haciendo caja. Además, podrás escoger el color de fondo de la web o una imagen de fondo.

En el apartado Custom CSS podrás escribir código CSS para tu proyecto. El código escrito aquí se aplicará a todo el proyecto. Atención: no escribas nada si no tienes conocimientos de CSS.

Código personalizado

Antes de </header>
Aquí puedes añadir código que normalmente va en la cabecera de la página, como por ejemplo:

  • Etiquetas <meta> personalizadas.
  • Códigos de verificación para Google, Facebook u otros servicios similares.
  • Estilos CSS adicionales o enlaces a hojas de estilo externas.

Después de <body>
Este espacio es ideal para incluir código que deba ejecutarse inmediatamente después de abrir la etiqueta body, como:

  • Scripts de seguimiento o analítica.
  • Código necesario para inicializar servicios de terceros.
  • Configuraciones iniciales que deban cargarse antes del contenido de la página.

Antes de </body>
Aquí puedes añadir scripts que deban cargarse al final de la página, justo antes de cerrar la etiqueta body. Es útil para:

  • Cargar librerías JavaScript externas (por ej. jQuery, Bootstrap, etc.).
  • Scripts personalizados que interactúen con el contenido de la página.
  • Integraciones de chat en vivo, pop-ups o herramientas de marketing.
CSS y JS personalizado

En el apartado Styles puedes seleccionar 3 tipografías de Google Fonts para tu sitio web.