!Estamos aquí para ayudarte¡ Escríbenos aquí.

Tutoriales

cargando...

Para editar el CSS de tu sitio

La edición del CSS de tu sitio es una manera fantástica de personalizar tu sitio. El CSS (Cascading Style Sheet por su nombre en ingles) es un conjunto de reglas o lenguaje de código que determina la forma en que tu página web va a verse. Al tener acceso al CSS de tu sitio, tú puedes ajustar los códigos CSS de tu sitio para así obtener la apariencia perfecta. 
 
Estos son algunos pasos generales sobre como esto funciona:
  1. Puedes hacer clic en Estilo > Editar el CSS personalizado o también puedes hacer clic en Sitios > Ajustes de sitio > Contenido > CSS del sitio. 
  2. Luego se abrirá la ventana de dialogo del CSS con las anulaciones de CSS del sitio en el lado izquierdo. En el lado derecho podrás ver una pestaña de “Vista previa” (para ver los cambios), CSS del sitio (para ver los códigos CSS que se están utilizando por defecto) y Código HTML del sitio (para ver los códigos HTML que se están utilizando por defecto).
  3. Navega hacia la pestaña de CSS del sitio y localiza en código que deseas alterar. Como regla general, verás cosas como:
    • body {el código va aquí}  - Esto controla el área principal de contenido – la forma en que esta configurada, los valores predeterminados utilizados para el tamaño, tipo y color de letra.
    • #sys_banner {el código va aquí} - Esto determina el tamaño del área de banner que es utilizada. 
    • #menu {el código va aquí} - Esto esta relacionado con tu menú de navegación, el tipo de letra, tamaño y color que son utilizados. 
  4. Copia esa sección de código y pégalo en el panel de “Anulaciones de CSS del sitio” a mano izquierda. 
  5. Realiza los ajustes necesarios. 
  6. Utilicemos como ejemplo en código del banner. Podemos alterar el tamaño del banner para que sea un poco mas angosto y un poco mas alto. El código que necesitamos cambiar es el siguiente:
    • #sys_banner { 
      width: 954px; 
      height: 183px; 
      margin: 0 auto; 
      position:relative; 


      En el CSS del sitio pega lo siguiente:
      #sys_banner { 
      width: 800px; 
      height: 200px; 


      Esto debería de modificar el tamaño del área de tu banner. 
  7. En la parte inferior de tu ventana de dialogo, desmarca la casilla al lado de “Desactivar las anulaciones del CSS del sitio”.
  8. Haz clic en la pestaña “Vista previa” para ver los cambios.
  9. Una vez que hayas terminado de realizar los ajustes que deseas, haz clic en “Aceptar”. Luego podrás ver los cambios aplicados en tu sitio. 
Por favor toma nota:
  • Cada estilo tendrá su propio conjunto de códigos. Así  que lo que funcione con un estilo en particular, no necesariamente tiene que funcionar con otro etilo diferente. 
  • La función de CSS del sitio esta únicamente disponible con los paquetes de suscripción Yola Silver y Yola Gold. Esta función es mas adecuada para aquellos quienes están cómodos con la manipulación de código HTML. Yola solo proporcionara instrucciones básicas con respecto a esta función. Estos son dos enlaces que contienen útiles recursos para el CSS: W3C Schools y A List Apart