Producción Multimedia I

Periodismo UPLA Prof. María de los Angeles Miranda Bustamante

Cambiar CSS de la plantilla

El CSS (Cascade Style Sheet) es una hoja de estilo que afecta a todo el sitio web
y que también forma parte de los archivos de nuestras plantillas.
Los navegadores nos periten ver las reglas que operan en un determinado diseño.
Por eso, cuando no podamos cambiar algo de nuestras plantillas en
personalización, podemos hacerlo modificando el CSS de la plantilla.
1. Abrimos nuestro sitio web y nos posamos con el mouse exactamente en lo que
queremos cambiar. Por ejemplo, el borde de color del botón buscar.

2. Presionamos el botón derecho y luego Inspeccionar.

 Producción Multimedia I
Periodismo UPLA Prof. María de los Angeles Miranda Bustamante

3. Se abrirán varias ventanas. Nos fijamos en la ventana de estilos:

 Producción Multimedia I
Periodismo UPLA Prof. María de los Angeles Miranda Bustamante

Veremos colores (codificados en web con la forma #0267363 (tres o seis números
y/o letras). También veremos medidas en pixeles o tipos de letras, etc. Todas esas
reglas tienen que ver con el diseño.
4. En este caso, vemos el color verde del borde ("border" del botón). Podemos
probar haciendo clic en el cuadrado verde y eligiendo otro color. Si cambia en la
ventana, el cambio es sólo una previsualización, pero podremos comprobar dónde
tenemos que hacer el cambio y como. Elegimos el color que queremos.
 Producción Multimedia I
Periodismo UPLA Prof. María de los Angeles Miranda Bustamante

5. Al probar el cambio, vemos que el código (en este caso, de color) cambia.
Copiamos toda la regla. En algunos navegadores, aparece una suave línea gris
que demarca la regla. Pero habitualmente va desde el punto hasta la llave {
6. Vamos a nuestra plantilla>Personalización. Debería aparecer allí una opción
CSS Adicional.
Allí simplemente pegamos esa regla y automáticamente se cambia el código CSS
que corresponde.
7. Al actualizar la página, debemos ver el cambio que hicimos.
8. Enviar al mail pantallazos del cambio antes y después.
 Producción Multimedia I
Periodismo UPLA Prof. María de los Angeles Miranda Bustamante