Cómo añadir su propio CSS al sitio

← Atrás

Cree un apartado de servicio con el módulo «CSS propio» y acceso solo para administradores: en su página hay un editor de CSS y los estilos se aplican en todas las páginas del sitio.

  1. En el apartado «Estructura del sitio» pulse «Añadir elemento principal» y póngale nombre, por ejemplo «Mi CSS».
  2. En el campo «Módulo», mediante «Elegir», busque la tarjeta «CSS propio» (código custom_css).
  3. «Nivel de acceso» — «Solo administradores». Guarde.
  4. Abra este apartado. La primera vez aparecerá «El archivo CSS del sitio se ha creado. Se incluye en todas las páginas del sitio en último lugar.».
  5. Escriba las reglas en el editor. Tab — sangría, Shift+Tab — quitar sangría.
  6. Pulse «Guardar» o Ctrl+S. Los cambios se ven en las páginas tras actualizar.

El archivo se incluye en último lugar en cada página, por lo que prevalece sobre los estilos del motor con igual especificidad del selector. Pero los ajustes de la ventana de estilos del bloque (engranaje) se escriben directamente en el bloque: solo los supera !important.

El archivo se guarda entre los archivos del sitio y se incluye en la copia de seguridad y en la plantilla.

Si no ha funcionado

  • Los estilos han ocultado o roto la página. Pulse «Sin mi CSS» en el editor: se abrirá sin sus estilos. En cualquier página del sitio lo mismo se consigue añadiendo a la dirección ?nocustomcss=1 (solo funciona para el administrador).
  • «Archivo modificado». El archivo se cambió en otra pestaña o lo cambió otro administrador. Puede sobrescribirlo con su texto o desistir, copiar el texto y actualizar la página.
  • «El archivo CSS es demasiado grande». El límite es 512 KB. Quite lo sobrante; inserte las imágenes como enlaces, no como código dentro del CSS.
¿Te resultó útil el artículo?

Ver también

Cómo poner el logotipo y el faviconoAmbas imágenes se cargan en los ajustes del informador «Logotipo», con los campos «Logotipo» y «Favicono».Cómo dar estilo a un bloque: borde, fondo, márgenes, sombraPase 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».Cómo añadir un contador o un widget ajeno en todas las páginasPestaña «Sobre el sitio» en los ajustes generales, campo «Código HTML de widgets»: el código se inserta en cada página del sitio.Qué son los informadores en el menúSon pequeños widgets que se colocan en el menú al mismo nivel que las opciones: logotipo, carrito, búsqueda, selector de idioma, chat y otros.

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.